Barrierefreies Webdesign
Fehler beim position:absolute Hack
Bei Mozilla und Firefox kommt es zu Darstellungsfehlern bei dieser Seite nach Vergrössern, aber auch Verkleinern, der Schrift (Text-Zoom), festgestellt unter Win98SE, 1024 x 800. Verantwortlich für den Effekt ist der position:absolute Hack in Verbindung mit position:fixed beim umgebenden Element sowie besonders die Verwendung der Einheit em statt px im display:none-Ersatz.
Die Verbindung von em mit großen Werten ist dabei nicht so unüblich, so findet sich bei einer mit dem Biene-Award für barrierefreis Webdesign ausgezeichneten Seite die Angabe -1000em als display:none Hack (http://styleguide.bundeswehr.de/includes/css/screen.css, Zeile 1549, 6.12.2004).
Ein Reload der Datei bei größer gestellter Schrift führt bei umfangreicherem Code als hier vorgestellt zu absturzähnlichen Effekten, Hängen des Browsers.
Diese Umstände begründen für mich den Verzicht auf einen display:none Ersatz durch position:absolute und lassen height:0px;overflow:hidden geeigneter erscheinen, ggf. mit Unterstützung per visibility:hidden z.B. für Opera 6.
Alternativ, also wenn doch position:absolute verwendt werden soll, bedeutet es die vorsorgliche Vermeidung sehr grosser Werte, die Verwendung von px, besondere Vorsicht in der Kombination mit fixed.
So schaut der auftretende Fehler aus (vgl. https://bugzilla.mozilla.org/show_bug.cgi?id=274905), die schwarze Fläche links ist der Bereich mit der fehlenden
Darstellung, hier bleibt ggf. ein anderer oder vorheriger Bildschirminhalt sichtbar:
weitere Fehler beim position:absolute Hack
Problematisch ist der position:absolute Hack auch für Netcsape 4, denn position:absolute beherrscht dieser Browser zwar, aber die Anweisung kann resize-Bugs bedingen und bislnag stabile Layouts stören oder bei einigen elementen nicht funktionieren.
Auch beim Internet Explorer 4 sind mit Anwendung bei bestimmten Elementen Probleme möglich.
Autor
Kristof Lipfert Düsseldorf.