jquery - IE adding pixels to width -


i'm making site , on pages ie adding pixels make have horizontal scroll bar , on others not. can't figure out wrong here. here css appreciated (i'm using jquery on site if effects answer any).

html, body {     padding: 0;     margin: 0;     border: 0;     height:100%;     min-height:900px;     font-size: 12px;     font-family: tahoma, geneva, sans-serif;                 } .north {     height: 100px;     margin-right:5px; } .south {     height: 2em;     background-color: #3f3f3f;     border-top: 1px solid black;     font-size:80%;     color: rgb(200, 200, 200);     width:100%;     display:block !important;     position:absolute !important;     bottom:0px !important;     left:0px !important; } .west {     width: 200px;     font-size: 0.78em; } .center {     font-size: 80%;     height:auto;     min-width:300px; } 

those multiple !important notation fix other stuff wasn't working, removing them doesn't fix issue.

likely margin in north. ie's box model different other browsers. try commenting (and other container padding & margin) , see if solves issue.

also what's in container might blowing up. ie doesn't respect widths , expand container support contents whereas other browsers won't. can see if case adding "overflow: hidden" elements.

also, learn use tools. use ie developer tools (hit f12 in ie8) , use select click (looks box pointer in on tool's toolbar) put border on elements see 1 culprit.


Comments

Popular posts from this blog

javascript - Enclosure Memory Copies -

php - Replacing tags in braces, even nested tags, with regex -