nicht angemeldet
Hi,
ich habe hier ein seltsames Problem. Ganz nebenbei das erste Mal, dass ich ein Problem nur mit dem Firefox habe. Versucht doch mal diesen Beispiel-Code:
<html>
<head>
<style type="text/css">
.bild {
height:100px;
width:100px;
float:left;
background:#000;
}
.content {
height:100px;
width:100px;
overflow:hidden;
margin:0px;
padding:0px;
margin-left:120px;
}
</style>
</head>
<body>
<img src="clear.gif" width="100" height="100" class="bild" border="0" alt="" />
<div class="content">
<p>Test-Text</p>
</div>
</body>
</html>
Normalerweise sollte die Grafik nach links floaten. Da folgende Block-Elemente nicht neben das float-Element gesetzt werden, sondern nur ihr Inhalt danach ausgerichtet wird, sollte das "margin-left" im Div "Content" eigentlich dafür sorgen, dass das Div insgesamt 20 Pixel neben der floatenden Grafik sitzt. Das funktioniert auch so in Netscape 7, IE 5.0 und 6.0 und Opera 7.5. Nur der Firefox rechnet die 120 Pixel vom rechten Rand der Grafik und setzt das "Content"-Div zudem etwas zu tief an. Sobald ich "overflow:hidden;" rausnehme, stellt auch der Firefox die Seite so dar, wie es sein sollte.
Kann mir jemand helfen ob das ein Bug ist oder ob es da eine besondere Einschränkung für overflow:hidden; gibt?
Gruß
Andi