einfache float-left Verwirrung bei mir

[Chräcker Heller]

Hallo zusammen,

ich war immer der nie wirklich durch Praxis fundierten meinung, das ein float:left dafür sorgt, das alle nachfolgenden Elemente "geändert" weiter fliessen.

Bei diesen Zeilen aber:

<img src="test.png" width="50" height="50" alt="">

<div style="width:190px; float:left; background-color: #8d292b;">
<br><br><br><br><br><br><br><br><br><br>
</div>

wird das image (beim aktuellen IE, Opera und Firefox) auch hinter das Div geschoben. Teste ich es mit einem alten IE (weiß grad die Version nicht, es ist die Uralt-vorschau im Phase-5 Editor) zeigt der zum Glück ansonsten ausgestorbene alte IE es so an, wie ich vermutet hätte. Das Bild und darunter das Div.

Da allerdings das aktuelle Ergebnis zufälligerweise genau das ist, was ich haben will, möchte ich es nur noch verstehen. Nicht nur wegen der Energie, sondern auch um zu hören, das dies seine Richtigkeit hat. Nicht das ein anderer Browser "meinem bisherigem Verständnis" recht gibt, und das Ergebnis ist verhaun. ;-)

Chräcker