Maximale Breite des Blogs nun auch für den IE 5 bis 6
Nachdem ich die maximale Breite meines Blogs bereits für moderne Browser mit max-width festgelegt hatte (siehe mein Beitrag “Maximale Breite des Blogs neu festgelegt“) waren nun der Internet Explorer 5 bis 6 (IE 5 bis 6) an der Reihe.
Diese Browser kennen max-width nicht, so dass man entweder ein Javascript oder IE-Expression einsetzen muss.
Ursprünglich wollte ich dazu auf die Online-Doku von YAML sowie das Buch “CSS-Layouts – Praxislösungen mit YAML 3.0” des YAML-Erfinders Dirk Jesse zurückgreifen. Dirk hatte mich aber in einem Kommentar dankenswerterweise darauf aufmerksam gemacht, dass es sinnvoll ist, die IE-Expression direkt aus dem YAML-Builder zu beziehen.
Das habe ich gemacht und klappt beim IE 6 wunderbar.
Beim IE 5.5 funktioniert die Festlegung der maximalen Breit mittels IE-Expression auch, aber das horizontale Zentrieren der Seite klappte dagegen bei mir nicht vollständig. Im Buch wird dazu auf Seite 318 f. als Alternative vorgeschlagen, body (text-align::center} und danach body * {text-align:left} in der CSS-Datei für den IE 5.x festzulegen. Leider sind dann bei mir der Text im Fußbereich (Footer), die Inhalte der Kalenderblätter und die Texte der Buttons nicht mehr zentriert. Ich habe deshalb davon abgesehen für die Browser IE 5.x die Blogseiten horizontal zu zentrieren.
Beim IE 5 verschwindet schließlich der Inhalt der Hauptspalte (col3) des Blogs und es kommt zu weiteren Fehldarstellungen. Das hat aber nichts mit der IE-Expression zu tun, denn die Fehldarstellungen treten auch ohne diese auf. Ich bin es leid ständig Anpassungen für diese fehlerhafte und uralte Version des Internet Explorers vorzunehmen. Die fehlende Unterstützung des IE 5 beabsichtige ich deshalb nicht mehr zu beheben. Die Zeit, die ich dafür benötigen würde, nutze ich lieber sinnvoller.
Der YAML-Builder ist ein ausgesprochen feines Tool um sich schnell ein passendes CSS-Layout auf YAML-Basis zu erstellen.