[CSS] das img {float;}-Problem

[MarcDK]

Hi Leute!

Guckt euch mal das Testbild im Anhang an. Das Problem: Ein IMG ist in einem Fließtext der von Usern gefüllt wird. Das heißt, man weiß nie, wo das Bild im Quelltext liegt. Es könnte gleich zu Anfang kommen oder auch am Schluss.

Nun habe ich das Bild mit float; an die rechte Seite gepackt. Das geht auch super solange es nicht so weit unten ist, dass der Text nicht mehr bis nach unten reich tun das Bild hat die Frechheit, dann über seinen DIV-Kasten hinauszugehen weil es ja auf "Float" ist. =/

Wie kann man das verhindern? Gibt es da einen Trick? Kommt nicht mit Tabellen an oder mit php da "<br /> reinpacken. Das wäre unsauber. Wie machen andere das denn?

EDIT: Die roten Linen kommen von der Web Developer Extension vom FireFox und zeigen wo die <div>-Blöcke verlaufen.

 

[migl]

Also ich löse sowas indem ich nach dem Text noch ein div mit der Eigenschaft style="clear: left;" einfüge. Ist zwar nicht elegant, wirkt aber. Bin für elegantere Vorschläge offen

 

[MarcDK]

Erklär mal bitte was Du genau meinst.

EDIT: AH! Im Firefox geht es. Im IE verschwindet mein Text! Maaaan.
EDIT2: http://qsdqsd.free.fr/Articles/MSIE6_CSS_bug_float_right/index2.html (BUGFIX)

Nächste IE Bug: margin-left: ist weg!