Internet Explorer Treppenwitz

Veröffentlicht von am 29. August 2009

Ich schnitze gerade wieder an einem alten Joomla-Template – ein kruder Mix aus Tabellen-Layout und CSS. Ich als HTML-Kid der ersten Welle privater Homepages fühle im Grunde meines Herzens eigentlich auch heute immer noch, dass CSS allein um des CSS‘ Willen und dessen „guck mal, ganz ohne Tabellen“-Pseudo-Coolness der falsche Ansatz ist, wenn man dafür über glühende Kohlen gehen muss.

Ja ja, bitte steinigt mich nicht allein hinsichtlich der Barrierefreiheit – ich versteh’s ja, und ich mach’s ja auch. Aber hier und da muss man einfach auch mal die Kirche im Dorf lassen und frei von der Leber Weg ein bisschen „Legacy Coding“ betreiben. Ihr CSS-Evangelisten – macht’s einfach mal zum Spaß in Eurer Freizeit! Ihr glaubt nicht, wie sehr das befreit! 😎

Aber Spaß beiseite – zurück zum alten kruden Template – gefühlte 100 Jahre alt, eher reale 3-4 Jahre. „Bestes“ Tabellen-Layout, CSS eher als Mittel zum Zweck zum Beschriften von Buttons. Genau an dem Ding wird jetzt wieder punktuell herumgebastelt.
… Ja, doch, ja doch, ich weiß ja im Prinzip, was sich gehört. Aber: Die erste Idee, das ganze Ding mit dem Vorschlaghammer auszubauen und durch etwas Zeitgemäßes zu ersetzen, scheiterte nach einem in den Sand gesetzten Arbeitstag leider an den zugehörigen Contents … die nämlich historisch bedingt ebenfalls im Kraut-und-Rüben-Layout vorliegen.

Wie auch immer, zum Thema: Ich habe das komplette Sammelsurium an nicht ganz steinzeitlichen Testbrowsern zur Hand – für Mac, Linux und Windows, jeweils so weit für die jeweilige Plattform verfügbar. Unnötig zu sagen: Alle Geckos (also z.B. Firefox ab 2.0) und Webkits (also z.B. Safari bis runter zum iPhone) und natürlich auch Opera benehmen sich anständig und rendern das Template, wie es gedacht ist.

Ende der Geschichte. Sadly not.

Also schleuse ich das Layout frohgemut durch den Internet Explorer – IE6 unter Windows 2000, IE7 unter XP Pro und IE8 wahlweise unter XP Home bzw. Win7RC1, alle jeweils vollgeupdated. Resultat:

  • IE6 rendert richtig.
    *schluck* Wie konnte das denn passieren? 😉 Aber seien wir einfach froh, dass es versehentlich so ist.
  • IE7 rendert falsch.
    D’oh! Das entsprechend beteiligte CSS-Fragment muss noch genauer untersucht werden, am liebsten mit schwerem Gerät (s.o.).
  • IE8 rendert richtig.
    Yay!!     Aber prompt geht das wundervolle Popup-Fensterchen auf – das, das empfiehlt, man könne alte Webseiten in der so genannten „Kompatiblitätsansicht“ darstellen, weil das bei altmodischem Code (jaja, ich hab’s ja begriffen!) häufig zu visuell besseren Resultaten führt.

Der IE8 sprach’s, der neugierige Webworker klickte begierig auf „Naja, mach‘ halt“ – und prompt rendert der IE8 die Seite nun in der IE7-Kompatiblitätsansicht … und folglich identisch falsch wie der echte IE7. 🙁

Isch glaub, isch krisch Plack. 😉

Technik - IT - Computerkrams

2 Kommentare.

    • gero 2. Oktober 2009 um 12:09

      Das war ja nur ein Beispiel, wie IE8 durch „Kompatiblitätsansicht“ auf IE7 zurück fallen kann und anschließend auch wieder Mumpitz rendert.

      Das Problem ist ja mittlerweile gelöst. – Ich habe aber mittlerweile wieder verdrängt, was das Problem war.