Browserhacks in IE8 / CSS-Hacks testen
Mit jeder neuen Browserversion wird man daran erinnert, dass CSS-Hacks genau das sind, was der Name schon sagt: Hacks. Wie sie in kommenden Browserversionen interpretiert werden ist nicht vorhersehbar. Grund genug, sie so weit wie möglich zu vermeiden. Denn die Chancen sind groß, dass ein Hack, der das Layout im alten Browser rettet, beim Nachfolgemodell zu Problemen führt.
Internet Explorer 8 und die Standards
Nach Protesten aus der Webstandards-Community hat das IE8-Entwicklerteam angekündigt, den neuen Internet Explorer direkt mit verbessertem Renderingverhalten auszuliefern. Der anfängliche Plan, die Renderingengine des IE7 als Standardeinstellung zu verwenden, um die Darstellung älterer Webseiten nicht zu gefärden, wurde verworfen. Das bedeutet in der Praxis, dass IE8 unsere Stylesheets in vielen Fällen deutlich anders interpretieren wird als IE6 und IE7.
CSS-Hacks im IE8
Internet Explorer 8 ist in der Betaphase und an seinem Darstellungsverhalten wird sich wohl noch einiges ändern. In der aktuellen Version interpretiert er viele CSS-Hacks genauso, wie sein Vorgänger IE7. Mit den bisher bekannten Hacks lassen sich IE7 und 8 also (noch) nicht von einander unterscheiden.
Es ist noch zu früh zu sagen, ob es dadurch zu ernsthaften Problemen kommt oder sich rechtzeitig passende Lösungen finden. Es kann aber sicher nicht schaden, dass Problem im Auge zu behalten.
CSS-Hacks testen
Um einen schnellen Überblick über die Interpretation von CSS-Hacks in verschiedenen Browserversionen zu bekommen, habe ich eine einfache Testdatei zusammengestellt:
Die Tests beziehen sich auf CSS-Hacks, die ich hier vorgestellt habe. Die Datei lässt sich recht einfach um weitere Hacks erweitern. Wenn ihr Verbesserungsvorschläge habt, würde ich mich über ein kurzes Feedback freuen.
Download CSS-Hack Testdatei
Weitere Beiträge, die dich interessieren könnten:
Der p[title] Test funktioniert nicht im Opera wahrscheinlich weil der title leer ist. Ein zusätzlicher Test mit gefülltem title (oder evtl class=”bogus”) wäre vielleicht sinnvoll?
Leider noch keinen IE8 installiert, deshalb wären die Ergebnisse welcher Hack in welchen Browser z.Z. funktioniert ganz interessant…