Der IE floatet nicht richtig...

[prego]

Hi,

ich hab hier mal ne Beispielseite aufgesetzt.

http://www.triebschicht.de/spielwiese/iefloat.html

Sich jetzt schon seit ner Stunde rum und komm einfach auf keinen grünen Zweig. Kann mir einer erklären, warum de IE ( 6+7 ) das tut, was er tut? So wie es im Firefox/Safari/Opera dargestellt wird, sit es gedacht.

Vielen dank.

[Kropff]

weil du mehr platz beanspruchst als vorhanden ist?

<div style="width: 500px;">...</div>
   <div style="width: 200px;">...</div>
   <div style="width: 302px;">...</div>
</div> 

gruß
peter

[prego]

Danke Kropff - aber das ist genau beabsichtigt, damit die "rote"-Box unter der grünen Landet.

Oder gibt es eine andere Möglichkeit die beiden Boxen rechtsbündig zu machen, damit der Text links dran vorbei fließt?

[prego]

Eine Lösung die funktioniert wäre die hier:

<div style="width: 200px; height: 100px; margin-top: 220px; float: right; background-color: #ded;">
    huhu
</div>

<div style="width: 200px; height: 200px; float: right; background-color: #edd; margin-right: -200px;">
    haha
</div> 

Problem dabei aber, das die obere Box eine unbestimmte höhe hat...

Irgendwie blick ich gerade nicht ganz durch...

EDIT:

---

Vergesst das bitte - sowie die Boxen unterschiedliche Breiten haben funktioniert es auch nicht mehr.

---

[prego]

GELÖST

<div style="width: 200px; height: 100px; float: right; background-color: #ded;">
    huhu
</div>

<div style="width: 250px; height: 200px; clear: right; float: right; border: 1px solid #edd;">
    haha
</div> 

Das clear:right löst den vorherigen float auf und "floatet" die untere Box neu - damit landet sie unterhalb der grünen Box.

Wenn mir das einer vielleicht noch genauer erläutern kann, wäre ich dankbar.