Wer kennt es nicht. Die schöne neue CSS-Layout Welt. Damit kann man aus einfachen HTML-Listen Tabbed Drop Down Menüs erstellen und am Besten noch über mehrere Ebenen. Doch was ist falsch an dem Code? Was hält uns im Moment noch davon ab ihn so zu benutzen? Richtig. Der gute alte IE6 unterstützt das obige Konstrukt nicht, weil der schöne CSS2-Selektor > nicht erkannt wird. Genausowenig wie der :hover Effekt in was anderem als in einem <a> unter IE6 funktioniert.
Was ist die Folge? Wir benutzen die schönen neuen Menüs nicht, oder wir müssen tolle Hacks benutzen, die dem IE6 unser schönes Menü-Layout beibringen.
Doch es gibt auch einfachere Abhilfe. Es gibt nur einen Nachteil, die Lösung setzt Javascript vorraus. Dean Edwards hat sich die Mühe gemacht und eine Javascript Library erstellt, die dem IE6 zahlreiche sehr nützliche Features beibringen.
- CSS2 Selektoren
- PNG Tranzparenz
- …
Was sind die Nachteile? Zum einen gibt es natürlich Puristen, die Javascript verteufeln und für eine Ausgeburt der niederen Browser-Hölle halten, die haben dann leider Pech, wenn sie eure Seite im IE6 besuchen, aber bitte, welcher dieser Nutzer setzt überhaupt noch auf den Microsoft-Browser? Zum anderen ist, schöne heile Web2.0 Welt, das Paket als Alpha Status gekennzeichnet. Das heißt es können durchaus lustige Sachen mit eurerer Seite passieren, die so nicht ganz beabsichtigt sind, aber es lohnt sich auf jeden Fall mal einen Blick darauf zu werfen.
In den Beispielen könnt ihr verschiedene Einsatzmöglichkeiten mit und ohne Library im IE6 vergleichen.
