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

Popular posts from this blog

html - Sizing a high-res image (~8MB) to display entirely in a small div (circular, diameter 100px) -

java - IntelliJ - No such instance method -

identifier - Is it possible for an html5 document to have two ids? -