HTML/CSS Float: IE verschiebt Objekte in der Höhe

[KeinKommentar]

Wenn ich hinter eine Zeile Text paar kleine Grafiken packe und mit Float an den rechten Rand schiebe,
versetzt der IE 9 die Bilder immer eine Zeile tiefer. Ohne float:right sind sie auf der gleichen Höhe, aber an den Text geklatscht. Mag an der Uhrzeit liegen, aber ich sehe gerade nicht, wo das Problem liegt? Der FF stellt es so dar, wie ich es haben möchte.

Beispiel: https://www.redensarten.net/Rand+und+Band.html

Code sieht so aus:

echo"<p class='ra'><strong><em>$row[redensart]</em></strong></p>";

Und in der entsprechenden DB-Zeile:

außer Rand und Band (sein/geraten)
<a href="https://de.pons.eu/dict/search/results/?q=au%C3%9Fer+Rand+und+Band&l=deru&in=&lf=de" rel="nofollow" target="_blank"><img src="/Bilder/ru.gif" alt="Russisch" title="Russisch" border="1px" style="float:right; margin-right:2px; margin-top:1px"></a>
<a href="https://de.pons.eu/dict/search/results/?q=au%C3%9Fer+Rand+und+Band&l=depl&in=&lf=de" rel="nofollow" target="_blank"><img src="/Bilder/pol.gif" alt="Polnisch" title="Polnisch" border="1px" style="float:right; margin-right:2px; margin-top:1px"></a>

usw.

 

[tleilax]

Wenn mich nicht alles täuscht, müsste das Problem dadurch behoben werden können, indem Du die zu floatenden Elemente vor den Fliesstext schreibst.

 

[KeinKommentar]

tleilax, Du bist ein Schatz.

Hatte alles (für mich) Denkbare probiert, z.B. ein umschließendes div. Aber DARAUF wäre ich vermutlich nie gekommen.