scroll - I edited some CSS, and now my page is weirdly twice as wide -
i'm using preset portfolio service called cargo collective.
i edited top padding navigation window header wouldn't cover it.
the page twice wide, , has h-scroll bar @ reasonable browser width.
i searched through px padding in css, there's nothing glaringly obvious. conclusion repeating 670px width on twice.
here's link page:
http://cargocollective.com/brookeseggleston
here's code section:
/* * header / navigation */ .header_img { position: relative; left: 20px; top: 20px; z-index: 15; } .nav_container { background: #ffffff; line-height: 1.8; margin: 0px; padding: 50px 0 20px 20px; position: fixed; top: 198px; left: 20px; white-space: nowrap; width: 190px; z-index: 12; } /* enabled via display options */ .nav_container.horizontal { left: auto; padding: 35px 0 60px 35px; position: relative; top: auto; width: 670px; z-index: 25; } .nav_container.horizontal div { float: left; padding-right: 10px; } #nav_loadspin { display: none; position: fixed; top: 37px; left: 40px; z-index: 100; }
thank , help!
try changing header css to:
.header_img { position: relative; padding: 20px 0 0 20px; z-index: 15; }
as you're positioning header left
(rather padding
), body's width becomes 100% + 20px. create horizontal scroll regardless of browser size.
changing left
position true padding
fixed me in firebug.
Comments
Post a Comment