Pure CSS Menus - im IE!

In Web

Schon seit längerem sind ja die schönen rein CSS basierten Menus bekannt, die Eric Meyer zumindest mir das erste Mal nahegebracht hat. Leider haben diese Menus einen bösen, bösen Nachteil: Sie funktionieren nicht im IE. Manche mögen das nicht als Nachteil sehen, da dieser sowieso “a piece of crap” ist, aber im Sinne der Benutzerfreundlichkeit und der unschönen Realität der Marktanteile muß man das wohl beachten.

Durch ein Posting in der Typo3 Mailingliste bin ich jetzt auf eine Site gestoßen, die dies auch im IE ermöglicht. Sieht hübsch aus, und es funktioniert auch!

Dazu verwendet der Autor dort allerdings ein paar Sachen, die mir zumindest neu waren, nämlich ein behavior-Attribut für das body-tag im Stylesheet:

body {
behavior:url(”../htc/csshover.htc”);
}

Dieses verweist dann auf ein Javascript-File (genauer: JScript), welches den IE dazu bringt, zu jedem Element ein :hover zu kennen. Dazu wird in dem JScript das Stylesheet geparsed und zu jedem Element, zu dem eine :hover-Definition gefunden wurde, per JScript ein onHover-Handler hinzugefügt. Sehr interessante Lösung, aber auch recht komplex. Aber es funktioniert.

Der Autor dieses Fixes hat auch selbst ein bißchen was dazu geschrieben, und auch ein Artikel dazu ist in einem niederländischen Webmagazin erschienen – aber leider nur auf niederländisch. Frisch ist das nicht, das ist vom 3. Februar – aber ich habe vorher noch nie davon gehört.