CSS: float -> böngészőfüggő margin?
Sziasztok!
A legegyszerűbb megnézni a problémát ezen a linken:
http://webspot.hu/css/miert.html (le van egyszerűsítve)
Szóban: van egy nagy div, benne egy left-re float-olt div, aminek a margin-left-je 20px. Viszont IE6 allatt 40pixel-el van beljebb...
Ha a margin 0 vagy nincs float, akkor jó.
(Mielőtt azzal jönnétek, nem ez a tipikus box model különbség.)
Van valami filter nélküli megoldás? Vagy legalább valaki el tudná magyarázni, hogy mi ennek az oka?
Üdv,
Tibi
■ A legegyszerűbb megnézni a problémát ezen a linken:
http://webspot.hu/css/miert.html (le van egyszerűsítve)
Szóban: van egy nagy div, benne egy left-re float-olt div, aminek a margin-left-je 20px. Viszont IE6 allatt 40pixel-el van beljebb...
Ha a margin 0 vagy nincs float, akkor jó.
(Mielőtt azzal jönnétek, nem ez a tipikus box model különbség.)
Van valami filter nélküli megoldás? Vagy legalább valaki el tudná magyarázni, hogy mi ennek az oka?
Üdv,
Tibi
igy nem jo ?
<body>
<div id="container">
<div id="floatbox">
<div class="floatcontent">fdfasdfd</div>
</div>
<div id="cleaner">dsads</div>
</div>
</body>
----------------------------------------------
#container {
background-color: #699;
}
#floatbox {
background-color: #9C9;
float:left;
}
.floatcontent {
background-color: #fff;
margin-left: 20px;
padding: 10px;
}
#cleaner {
clear: left;
}
-> http://css-discuss.incutio.com/
--
noocx
simán csak egy IE bug :(