Div Container

[Tobias L.]

Hallo,

ich hab ein kleines Problem, wie kann ich es schaffen, dass sich das Div mit der Breite von 500px in der Höhe soweit ausdehnt, wie die zwei anderen Divs sind, bzw. wenn der Div mit float:left 100px hoch ist und der Div mit float:right 50px, dass dann der Umschließende Div ebenfalls 100px hoch ist.

Ich hoffe, ich habe es verständlich ausgedrückt.

<div style="background-color: #00FFCC; width:500px">
 <div style="width:250px; float:left">erste Zeile<br />zweite Zeile</div>
 <div style="width:250px; float:right">zweites Float</div>
</div>

Schonmal Danke und viele Grüße,
Tobias

[Joachim]

Hi,

[...] dass dann der Umschließende Div ebenfalls 100px hoch ist.

indem Du z.B ein br mit style clear:both hinter die gefloateten divs einfügst, um den Fluss wiederherzustellen. Gleichzeig solltest Du für IE in conditional comments eine Dummy-Höhe für das äussere Div angeben, um die hasLayout-Problematik zu umgehen. Beachte, dass IE7 hier beispielsweise ein min-height, IE6 aber ein height braucht.

Ich hoffe, ich habe es verständlich ausgedrückt.

daran solltest Du arbeiten ;-)

Gruesse, Joachim