Webseiten-Infos.de

Internet Explorer CSS vorenthalten

Schon immer nervte mich der Internet Explorer (IE) beim Erstellen und Gestalten von Webseiten. Das obwohl ich hier auf Webseiten-Infos.de das WordPress-Theme YAML Green (Update) einsetze. Dank YAML werden zwar die erforderlichen Fehlerkorrekturen (Bugfixes) für diesen “Drecksbrowser” gleich mitgeliefert, aber der Internet Explorer (IE) 5.5 und älter macht mir gleichwohl immer wieder das Leben schwer.

Ursächlich dafür sind meine Veränderungen (Modifizierungen) am WordPress-Theme. So funktioniert beispielsweise der PNG-Fix für die transparente Darstellung des Logos im Grafikformat PNG nicht (siehe hierzu meinen Blogbeitrag “PNG-Logo auch für den IE 6“). Zudem ist für mich die unschöne Darstellung und Gestaltbarkeit von Formularen und Schaltflächen ein Ärgernis.

Damit ist aber nun endlich Schluss! Ich habe mich dazu entschlossen, dem völlig veralteten Internet Explorer 5 bis 5.5 die Gestaltung der Webseiten von Webseiten-Infos.de künftig einfach vorzuenthalten. Realisiert habe ich das mit Conditional Comments (siehe hierzu auch den Artikel “Conditional-Comments für Internet Explorer im Beispiel” bei hyperkontext.at).

Da ich Cascading Style Sheets (CSS) möglichst nur in externen Dateien (.css) einsetze, brauchte ich dazu lediglich die CSS-Dateien im Kopfbereich (Header) mit folgendem Conditional Comment (CC) “einzurahmen”:

Getestet habe ich die Darstellung im Internet Explorer (IE) 5.5 übrigens mit dem IETester (siehe hierzu meinen Blogbeitrag “Webdesign mit verschiedenen IE-Versionen testen” und den Blogbeitrag “IE-Tester und IE-Konformität” bei internetblogger.de).

Lohnt sich der ganze Aufwand überhaupt?

Gute Frage!

Hier auf Webseiten-Infos.de finde ich ja.

Zum einem nutzen zwar erfreulicherweise inzwischen fast doppelt soviele Besucher dieser Website den Firefox statt den Internet Explorer (Januar 2010: 55% gegenüber 28%). Aber immer noch 5% der Besucher mit dem Internet Explorer (IE) kommen mit den Versionen 5 bis 5.5 auf Webseiten-Infos.de (Februar 2009 waren es sogar noch 13%).

Zum anderen war dieser Conditional Comment (CC) auf Webseiten-Infos.de ganz schnell eingebaut, kostete also kaum Zeit.

Sollte ich irgendwann auch den Internet Explorer (IE) 6 oder 7 von den CSS-Dateien ausschließen (wollen), dann brauche ich im Conditional Comment (CC) lediglich die Versionsnummer auszutauschen und kann dann die CSS-Patchdatei vereinfachen (IE 6) oder ganz entfernen (IE 6 und 7).