html - container div extra margin ie6 -
<div id="container"> <div id="content"> <div class="halfleft"></div> <div class="halfright"></div> </div> </div> #container{ width:960px;margin:auto; background-image:url(../img/contentbg.jpg);} .halfleft{font: 1.5em brushcutregular; background:url(../img/halfbg.png) no-repeat;margin:12px 0px 12px 12px;float:left;width:468px;height:336px;} .halfright{font: 1.5em brushcutregular; background:url(../img/halfbg.png) no-repeat;margin:12px 12px 12px 0px;float:right;width:468px;height:336px;}
for reason makes #container add 12px on left in ie6...
any ideas what's wrong?
i think should add styles #content:
padding: 12px; overflow: hidden; /* floating fix modern browsers */ zoom: 1; /* floating fix ie */
and remove margin .halfleft , .halfright.
Comments
Post a Comment