WordPress.org

Ready to get started?Download WordPress

Forums

Mysterious blank column is expanding page. Help! (7 posts)

  1. kondef
    Member
    Posted 3 years ago #

    Hello,

    I've just about finished my layout for this site, when a friend pointed out that I'm getting a horizontal scroll bar, where there's no actual content when you scroll over to the right.

    Using firebug, I can see there's some element there that it can highlight, which seems to be a blank column visually. The mystery is that it doesn't show any code associated with it. Instead it just shows this html tag in the code <html xmlns="http://www.w3.org/1999/xhtml">

    The quick info says it's an HTML node with 1265px width, but I have no idea how this is being generated or where it's coming from. It's not part of the container at all.

    The site is:http://salmeland.com/blog/

    My stylesheet is below.

    Thanks for your help here!

    [CSS moderated as per the Forum Rules. Please post a link to your site instead.]

  2. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #


  3. kondef
    Member
    Posted 3 years ago #

    Any help here? It's such a curious problem since it doesn't seem to stem from my CSS at all. I'm not sure how to address it. Thank you.

  4. Alx
    Member
    Posted 3 years ago #

    Yeah. It looks like it is in your CSS. Change this:

    .container {
    	width: 980px;
    	margin-left: auto;
    	margin-right: auto;
    }

    to this:

    .container {
    	width: 960px;
    	margin-left: auto;
    	margin-right: auto;
    }

    It's happening because your background image is 960px wide and the container is set to 980px.

  5. kondef
    Member
    Posted 3 years ago #

    Hi there,

    Thanks for your response.

    The background jpeg is 1199px and that's in the body tag, not the container.

    Changing the container size didn't get rid of the scrollbar.

    I don't understand what is forcing the page wider because when you scroll, there's nothing there at all.

  6. Alx
    Member
    Posted 3 years ago #

    Weird. I see you did change the .container size to 960px, and for me the scroll bar is gone. I did see it before, but it looks like you fixed the issue. At least in Firefox and Safari.

  7. kondef
    Member
    Posted 3 years ago #

    Hm, it's definitely still there for me in both browsers. Maybe you have a widescreen monitor.

    Can anyone else take a look and make any suggestions to eliminate this useless horizontal scrollbar?

Topic Closed

This topic has been closed to new replies.

About this Topic