negative space causing horizontal scroll bar. (5 posts)

  1. rzul
    Posted 3 years ago #

    I've read forum on this with no avail. It is happening in FireFox 9.0.1. The blank space to the right of my page causes a horizontal scroll bar over to lala land. I think it is caused by the negative margin in the original twenty-eleven css I have been working off of. But I can't figure out how to adjust the container and side content so that they both still display correctly. Here is a screenshot to what I am referring to: http://washingtoncreekdesign.com/forums/screenshot2012-02-14.png

    The website is wintersynergy.com. I have modified Twenty Eleven CSS, so please check it out. Here are a few bits that may be relevant. I'm not sure if there more to it this though.

    #container {
    	float: left;
    	margin: 0 -293px 0 0;
    	width: 100%;
    #content {
    	margin: 0 310px 0 0px;
    #sidecontent {
            width: 293px;
    	float: right;
    	overflow: hidden;
  2. esmi
    Forum Moderator
    Posted 3 years ago #

    Try using the Firebug browser add-on for this kind of CSS work.

  3. rzul
    Posted 3 years ago #

    TY for the advice, but I am using FireBug. You can see it in the screenshot.

  4. esmi
    Forum Moderator
    Posted 3 years ago #

    I'm sorry but it is beyond the scope of these forums to teach CSS. Try asking on a general CSS forum.

  5. rzul
    Posted 3 years ago #

    Wow. TY for that. While you may be correct about being "beyond the scope of these forums," in my own defense, the title of this section of forums is called:

    Themes and Templates
    – XHTML and CSS
    Topics 80,004 Posts 314,650

    It says "CSS" so I just made the assumption that someone is probably capable of helping in this forum.

Topic Closed

This topic has been closed to new replies.

About this Topic