ahoj,
mám problém se zobrazením v ie6 - boxy se mají zobrazit vedle sebe, ale v ie 6 začíná ten pravý až pod levým.
ostatní prohlížeče včetně vyšších verzí ie zobrazují správně.
poradí někdo, prosím?
děkuju moc a přeju fajn den!
kód:
#uvod-left {
position: relative;
top: 0px;
left: 0px;
width: 741px;
height: 169px;
background-color: #fff9ed;
float: left;
display: inline;
}
#uvod-right {
position: relative;
margin-left: 741px;
width: 231px;
height: 169px;
background-color: #f2ebdf;
}
<div id="uvod-left">
blabla
</div>
<div id="uvod-right">
bleble
</div>
Internet Explorer 6 obsahoval jeden známý problém s floatováním. Floatovaný objekt je vykreslován normálně, ale pro ostatní prvky stránky je chápán jako o trošku větší -- width 741px; se tedy nevleze do margin-left: 741px; Zkus si upravit margin-left na 751px, téměř jistě se problém spraví (na úkor mezery mezi objekty). Ilustrační obrázek například http://tmp.icebolt.info/images/blog/float.png.
___
IE6 je zastaralý prohlížeč a nevyplatí se pro něj optimalizovat žádnou stránku (není-li oblíben mezi majoritou návštěvníků tvých stránek).
IE6 ma techto bugu more.
Jeden znich spociva v kombinaci position:relative s float v jednom css zapise. To tam treba vidim taky.
Osobne treba menu resim takto:
<div style="position:relative;">
. . hlavni kontainer
. . <div style="position:absolute;top:0;left:0;width:200px">
. . . . levy sloupec
. . </div>
. . <div style="margin-left:200px;min-height:500px;_height:500px;&height:500px"> //protoze menu je absolutne pozicovane, nastavim min vysku, css hack pro FF, IE6, IE7, ie8 uz min vysku tusim zna
. . . . Obsah = nadpisy + text
. . </div>
</div>
Samozrejme zapsano pres class
Pete, gratuluji, co věta, to nejméně jedna perla.
Samozrejme jezdilo pres auto. Auto jezdilo pres motor. Motor jezdilo pras benzi.
Elis, je to 3px bug.
http://ie-brouci.dero.name/3px-bug.html