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

Firefox-Plugin: Ungenutzte CSS-Selektoren aufspüren

Published 2007-08-02, 18:34

Dust-Me SelectorsWie auf Zuruf veröffentlich Manuela auf Pixelgraphix den Hinweis auf das kleine Helfer-Plugin „Dust-Me Selectors“ von Sitepoint.com.

Per Javascript eingebundene CSS-Dateien werden leider ignoriert, trotzdem ein wunderbares Tool zum Ausdünnen veralteter CSS-Dateien.

Resizing und Fading Slideshow

Published 2007-08-01, 22:01

Sehr flash-artige Fotoslideshow nur mit HTML, Javascript und CSS realisiert:

This photo slideshow is a demonstration of Flash-like behavior implemented solely in Javascript, HTML, and CSS.

http://www.couloir.org/js_slideshow/

(via GFX-World) PS: Ja, Betamode lebt.

19 queries. 0,204 seconds.