nicht angemeldet
Wie bekomme ich es hin, dass Element, das in sich ein floatendes zweites Element beinhaltet, automatisch so lang wird, das es dieses innere Element auch immer umfasst?
Beispiel:
Der folgende Code erzeugt eine rot umrandete Zeile:
<div style="border: 1px solid red;">
test
</div>
Sobald aber ein inneres Element mit float:left hinzukommt, das mehr Zeilen hat als der "normale" Inhalt, wird das äußere Element nicht mehr auf die benötigte Höhe ausgedehnt.
<div style="border: 1px solid red;">
<div style="float: left;">
Float-Inhalt<br>Float-Inhalt zweite Zeile, fällt aus dem Rahmen!
</div>
normaler Inhalt
</div>
Eine Lösung wäre, auch das äußere Element left-floaten zu lassen, aber genau das will ich nicht: Es soll nämlich zentriert mit fester Breite sein.
-- snorri