nicht angemeldet
Hallo!
ich möchte innerhalb eines div eine beliebige Anzahl von div's packen. Dennen gebe ich allen ein float:left. Leider macht mir der Mozilla ein Strich durch die Rechnung. Der IE macht es so, wie ich es möchte. Nun weiss ich nicht, wer es richtig macht. Die Höhe des äußeren div soll sich anhand der inneren div's anpassen.
Die Gecko Engine macht es richtig. Die Höhe des DIV richtet sich nach der Höhe, die benötigt wird, um alle Kind-Elemente des DIV, die sich im _normalen_ Elementfluss befinden, im DIV darzustellen. Float-Elemente befinden sich _nicht_ im normalen Elementfluss. In Dein umgebendes DIV muss als Element _nach_ den Float-Elementen ein Element mit clear:both;. Das kann gerne eine Hhe von 0 haben.
<body>
<div class="border1111" style="width:712px;">
<div class="border0111 floatleft" style="width:168px;"> </div>
<div class="border0111 floatleft" style="width:168px;"> </div>
<div class="border0111 floatleft" style="width:168px;"> </div>
<div class="border0111 floatleft" style="width:168px;"> </div>
<div class="border0111 floatleft" style="width:168px;"> </div>
<br style="clear:both;">
</div>
</body>
viele Grüße
Axel