Support » Themes and Templates » negative space causing horizontal scroll bar.

  • 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:

    The website is 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;
Viewing 4 replies - 1 through 4 (of 4 total)
  • Try using the Firebug browser add-on for this kind of CSS work.

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

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

    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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘negative space causing horizontal scroll bar.’ is closed to new replies.