Rahmen um gefloatetes DIV-Element

[yoggi74]

Hallo,
habe folgenden Code:

<div style="border:1px solid red">
 <div style="float:right">Rechts<br />Rechts<br />Rechts</div>
 <div>Links</div>
</div>

Nun soll die äußere DIV-Box natürlich die beiden inneren mit einem roten Rahmen umschließen. Tut sie aber nicht - wenn ich dem äußeren DIV die Eigenschaft "height:1px" zuweise funktioniert es zumindest im IE, aber die anderen Browser streiken.
Hat jemand eine Idee, wie ich das Problem lösen kann?

Dank euch

[Ingo Turski]

Hi,

Hat jemand eine Idee, wie ich das Problem lösen kann?

indem Du Dich mit den Grundlagen von CSS-basierten Layouts beschäftigst und dabei die Eigenschaft clear kennenlernst.

freundliche Grüße
Ingo

[MudGuard]

Hi,

<div style="float:right">Rechts<br />Rechts<br />Rechts</div>
Nun soll die äußere DIV-Box natürlich die beiden inneren mit einem roten Rahmen umschließen. Tut sie aber nicht

Natürlich nicht - Du hast doch explizit gesagt, daß das "Rechts"-div nicht bei der Größenberechnung des äußeren divs berücksichtigt werden soll (per float).

cu,
Andreas