CMSBlog

Nachdem ich Vertical Centering in CSS ausprobiert hatte und feststellen musste, dass die Muster im IE 7 leider nicht funktionieren (standardkonforme Ausgabe, aber kein display:table), ließ mich das Thema nicht mehr los. Die Lösung kursiert ja die Tage durch diesen, diesen, diesen und sicher diversen anderen Blogs. , die allesamt bekannt sind für gute Recherche. Den IE 7 haben sie aber wohl alle nicht bemüht. Ist auch verständlich. Mein Fehler: die verlinkten Musterseiten funktionieren im IE 7 nicht, das Muster auf der Seite selbst jedoch wohl.

Nun habe ich eine undogmatische Lösung gefunden. Fundamentale Standardistas werden sicher schimpfen, dass ein Bild nicht für die Textausrichtung mißbrauchen darf. Aber die üblichen DIV-Gewitter sind da auch nicht besser.

Die immerhin außerordendlich schlanke Lösung könnt ihr hier betrachten. Ein Wehrmutstropfen: Opera rendert das Bild mit 1px anstelle von Nullbreite. Angegeben ist 0.1px. Aber ich denke, das lässt sich verkraften und einplanen. Jeder hat sicher noch irgendwo ein transparent.gif, trans.gif oder space.gif aus den guten alten Tagen des Tabellenlayouts rumliegen. Wie haben wir uns mit den Dingern gequält, oder?

1 Kommentar