Hallo alle,
ich habe für einen Kunden eine Seite mit einem Dreispalten-Layout erstellt. Mit einigen Hacks für Oldies wie IE 6 und 7 funzt™ sie tadellos, tadellöser, Tadellöser & Wolff in allen mir zur Verfügung stehenden Browsern (Firefox, Opera, Safari, Chrome und die drei IEs)... wäre da nicht dieser seltsame Bug im IE 8... gewesen.
Nach dem Container für die drei Spalten ist da noch so was wie ein Footer für eine horizontale Navigation und die üblichen Copyright-Hinweise à la »don't touch my content«. Schön mit clear: left (da die Spalten-Container im vorher notierten DIV-Element links floaten) im CSS notiert.
Der IE 8 platzierte diesen Container manchmal willkürlich mitten im Bereich der drei Spalten. Klickte man dann einen Link aus der Navigation und kam man über den Zurück-Button wieder auf die Seite, war alles korrekt angezeigt. Bei Reloads war es wie ein Zufallsgenerator: Mal korrekte Darstellung, mal nicht.
Die Spalten enthalten nicht nur Text, sondern auch Bilder. Und siehe da, nachdem ich einige Zeit beim CSS-Debuggen verbracht hatte, stellte ich fest, dass die Bilder keine width- und height-Angaben besaßen. Für jedes Bild jetzt notiert, das dumme IE-Verhalten ist weg.
P.S.: Nein das ist keine Frage. Vielleicht hilft es irgendwann irgendwem ;)