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
Post a Comment