Äußerer DIV-Rahmen erst nach "clear:both" richtig

[daWonderer]

Hallo,

ich habe gerade an einem CSS-Layout gebastelt.
Dabei ist mir etwas aufgefallen:

<div style="width:200px;border:2px solid black">
 <div style="float:left;height:10px;">links</div>
 <div style="float:right;width:50px;">rechts</div>
</div>

Der Rahmen umschließt die verschachtelten DIVs nicht korrekt in FF und Opera. Microsoft's IE kann das.

Erst wenn nach den floatenden DIVs ein Element steht mit "clear:both" wird der Rahmen richtig dargestellt.

<div style="width:200px;border:2px solid black">
 <div style="float:left;height:10px;">links</div>
 <div style="float:right;width:50px;">rechts</div>
 <div style="clear:both;width:150px;">unten</div>
</div>

Wieso ist das so?

 

[anna55]

Warum floatest Du beide Boxen?
SELFHTML: Stylesheets / CSS-basierte Layouts / Einführung

Edit: Div-Beispiel

 

[daWonderer]

Hi Anna,

Warum floatest Du beide Boxen?

Gute Frage ...

Ich will, ich will, ich will das aber so!!

Nee, Scherz - danke...

 

[anna55]

ohne clear

<div style="width:200px;border:2px solid black;">
 <div style="float:left;height:10px;">links</div>
 <div style="margin: 0 auto;width:50px;">rechts</div>
</div>