Webkrauts: Für mehr Qualität im Web.

Artikel

„Da ist was im Weg“: Browserinterne Hierarchien

Beliebte Elemente einer Webseite sind Pulldownmenüs. Richtig gemacht können sie durchaus einen Nutzwert darstellen. Man sollte hierbei aber auf Details achten, genau wie bei der Nutzung von Lightboxen.

Jeder Browser hat eine eigene Objekthierarchie für die Elemente einer Webseite. Multimedialemente und Formularelemente spielen darin eine Sonderrolle. Diese Besonderheiten haben zur Folge, daß es entweder schwer oder gar nicht möglich ist, ein Element über einen Flashfilm oder ein Formularelement zu legen.

Der IE6 und die Selectbox

Der Internet Explorer 6 verweigert leider jeglichen Versuch, über Selectboxen irgendein Element zu legen. Ein Pulldownmenü würde also immer unter einer Selectbox liegen. Das sollte bei der Planung einer Seite so lange berücksichtigt werden, wie wir uns noch Gedanken über diesen Uralt-Browser machen müssen. Weder sind andere Browser noch andere Formularelemente betroffen.

Bei Flashelementen verhält sich das Problem ein wenig anders. Nur durch ein bestimmtes Attribut kann man dafür sorgen, daß ein Flashelement verdeckt wird. Dies funtkioniert dann auch browserübergreifend. Die „Zauberformel“ lautet: <param value="transparent" name="wmode"/>. Der Attributwert kann auch „opaque“ anstatt „transparent“ lauten.

Doch leider hat diese Lösung zwei Haken: sie funktioniert nicht unter Linux (auch nicht im Firefox) und sie führt dazu, daß der Flashfilm nicht mehr per Tastatur erreichbar ist und demnach für viele assistive Technologien versteckt wird.

Man sollte also seine Seite und die verwendeten Elemente und Navigationsarten auch unter diesem Aspekt gut planen.

Beispiele

Zwei Beispieldateien für das Formularproblem und für das Flashproblem sollen den Sachverhalt verdeutlichen.

Zum Autor

Jens Grochtdreis arbeitet als „Senior Frontend Developer“ bei netz98 in Mainz. Neben seinem Weblog betreut er auch die CSS-FAQ und setzt sich mit den Webkrauts für moderne, standardkonforme Webseiten ein.

Info:

„Da ist was im Weg“: Browserinterne Hierarchien ist Beitrag Nr. 333

Autor:

Jens Grochtdreis am 9. Dezember 2007 um 00:01

Kategorie:

Adventskalender 2007

Kommentare

Bitte die Hausregeln beachten. Alle Kommentare werden auf werbliche Links/Nicknames geprüft und gegebenenfalls gelöscht.

1. 1.
   

   Der Link zu den Lightboxen hätte noch gerne ein http:// …

   Kommentar by Ruben - 9. Dezember 2007 um 11:21

2. 2.
   

   Stimmt. Ich habe es korrigiert. Danke für den Hinweis.

   Kommentar by Jens Grochtdreis - 9. Dezember 2007 um 11:31

3. 3.
   

   Moin, Danke für diese Tips!
   btw – ich will nicht klugscheißen, aber der Lightboxen-Link scheint nur mit "www" zu funktionieren.

   Schönen 2. Advent!

   Kommentar by Carsten Witt - 9. Dezember 2007 um 12:58

4. 4.
   

   Hieße das im Falle von Flash, dass man entweder Navigation per Tastatur oder wmode=transparent anwenden kann? Is ja plöd, wenn man Beides braucht.

   Kommentar by soophie - 9. Dezember 2007 um 14:03

5. 5.
   

   Um das Select-Box-Problem im IE6 zu umgehen, kann man auch einen I-Frame als »Unterlage« für das überlagernde Element nutzen. Entweder hartcodet oder per JavaScript dynamisch hinzugefügt (z.B. BGiframe-Plugin für jQuery).

   Kommentar by Torsten - 11. Dezember 2007 um 12:58

6. 6.
   

   @Torsten: Das stimmt. Diese Lösung geht, aber sie ist alles andere als charmant, semantisch korrekt oder logisch. Sie taugt dann als Notlösung, wenn man vorher nicht geplant hat oder der Kunde sich partout nicht von der Realität beeindrucken lassen wollte. Aber empfehlenswert finde ich die Lösung nicht.

   Kommentar by Jens Grochtdreis - 11. Dezember 2007 um 14:01

Kommentar-Feed für diesen Beitrag

Entschuldige, das Kommentarformular ist zurzeit geschlossen.