CODEWITHSUNDEEP
jquerycss
prismspecs
prismspecs

Reputation: 1489

Getting weird phantom horizontal scrollbar... what?

So I had to change my container to something other than position: fixed; and now I get a weird horizontal scrollbar... even if I try to hide the X overflow. What up with that? http://www.graysonearle.com/Lumarca is the site

Upvotes: 0

Views: 926

Answers (4)

Turnip
Turnip

Reputation: 36732

You need to remove the width from the following: 

#nav {
   position: absolute;
    width: 1024px; // remove this line
    top: 36px;
    display: inline;
    font-family: Verdana;
    font-size: 12px;
}

1024px is the width of your document but because the nav is positioned inline next to the logo, it is pushing the document out to the right and causing a scroll bar to appear.

You seem to have some other layout problems in Chrome. the nav isn't even visible until I load the developer tools.

Upvotes: 1

odupont
odupont

Reputation: 1976

Found in your source : style.css on line 1

html {
    overflow-y: scroll;
}

It makes no sense to put overflow on html element, you should put it on the body element.

Upvotes: 1

James Montagne
James Montagne

Reputation: 78730

For whatever reason, defining an overflow on the html element is causing the browser to ignore the one on the body. Remove the overflow-y from the html element and it works as expected.

If it is needed, put it on the body instead.

Upvotes: 0

Dips
Dips

Reputation: 3290

If you have this issue for IE. You need to add position:relative on your body class where you have defined overflow:hidden.

Upvotes: 0

Related Questions