IE7 em + float Bug
Published 2008-03-04, 00:47
Immer wieder schön was einem bei der täglichen Arbeit so über den Weg läuft. Stark vereinfacht:
<div style="float:left"><img src=...></div>
<div id="text">Erste Zeile Text. <em>Zweite Zeile Text</em></div>
Das führte im konkreten Fall im IE7 dazu, daß ab der zweiten Zeile der Hintergrund des text-Div vor das floatende Div links gelegt wurde. Natürlich war der verursachende Code lange nicht so einfach, und so habe ich dann doch locker 30 Minuten gesucht und probiert bis ich auf die Idee kam, dass das em der Auslöser sein könnte.
Glücklicherweise hatte schon 2006 jemand dieses Problem:
The other (are you ready for this?) is to remove the <em> element.
I am perplexed. Does anyone have a clue as to what is going on?
Und ein weiterer Leidensgenosse konnte eine passende Lösung liefern:
Yeah. It’s an em bug 🙂 IE6 has em bugs, too. Try this:
em {zoom: 100%; overflow: hidden;}
http://archivist.incutio.com/viewlist/css-discuss/81647
( 1 )
Man sagt ja wer sucht der findet und du hast gefunden find ich einfach wirklich toll. Kann ich nur bestätigen das es das Problem 2006 schon mal gab. Mit einem kleinen Lächeln jedoch lassen sich alle Probleme mit etwas Mühe beheben.
Comment von Rucksäcke am 26. April 2008