Hinweise
- Erste Schritte
- Bekannte Probleme / Bugs
- Nutzung für eigene Projekte
5.3 Bekannte Probleme & Hinweise
Internet-Explorer 5.x und 6.0
IE-Bug 1: Dieser recht komplexe Bug tritt nur in Verbindung mit dem Einsatz der grafikfreien Spaltentrenner und damit dem Einsatz der CSS-Datei iehacks_mod_col3.css auf.
In dem speziellen Fall dass im 3-Spalten-Layout die linke Spalte die kürzeste und die rechte Spalte gleichzeitig die längste der drei Spalte ist, rendert der Internet Explorer den linken Margin von #col3 fehlerhaft.
Der Internet Explorer ignoriert plötzlich den linken Margin von #col3. Dies führt dazu, dass der Spaltentrenner zwischen #col1 und #col3 an den linken Rand der Seite rutscht. Damit wird gleichzeitig auch ein evtl. definierter Hintergrund von #col3 bis zum linken Seitenrand verbreitert. Auf die eigentlichen Inhalte des DIVs (Texte, Grafiken usw.) hat diese Verbreiterung keinen Einfluss, da #col3 durch die vorgegebene Sortierung via z-index hinter den Randspalten liegt. Der Bug kann auf der folgenden Testseite nachvollzogen werden.
Testseite: artikel/hinweise/ie_bug.html
Workaround: Die sichtbaren Folgen des Bugs können vermieden werden, in dem als linken Spaltentrenner eine Grafik verwendet und diese als Hintergrundgrafik z.B. in #main definiert. Des Weiteren sollte #col3 kein Hintergrund (Grafik oder Farbe) zugewiesen werden (vergleiche Variante 3). Dies kann alternativ ebenfalls in #main erfolgen.
IE-Bug 2: Die propietäre CSS-Eigenschaft body {word-wrap: break-word;} des Internet Explorers aus der Datei css/iehacks.css scheint den Browser in seltenen Fällen selbst vor Probleme zu stellen. So stürzt der Internet Explorer auf einigen Systemen unvermittelt ab wenn man das Browserfenster stark verkleinert. Das Problem tritt offensichtlich nur vereinzelt auf einigen Windows-Systemen auf.
Workaround: Es handelt sich hier um einen browserinternes Softwarefehler. Das Problem kann durch den Einbau einer IE-wirksamen Mindestbreite (siehe Abschnitt 4.6: Minimale & Maximale Breiten) für das Layout umgangen werden. Alternativ kann bei einem zweispaltigen Layout problemlos auf body {word-wrap: break-word;} verzichtet werden.
Mozilla
In der Render-Engine des Mozilla-Browsers war bis zur Version 1.7.0 (ebenso im Firefox-Browser bis zur V1.0) ein Float Clearing Bug enthalten. Dieser führte dazu, dass an #col3 gebundene Spaltentrenner nicht bis zur Fußzeile geführt wurden falls eine der Randspalten länger als die mittlere Spalte wird. Auf grafische Elemente, die als Hintergrundbilder eingefügt werden, hatte dies keinen Einfluss.
Lösung: Der Bug ist seit V1.7.1 vom Juli 2004 nicht mehr existent und kann daher mittlerweile vernachlässigt werden.
Opera 6
Obwohl der Opera 6 prinzipiell in der Lage ist, auf YAML basierende Designs korrekt darzustellen, kann es unter bestimmten Umständen zu unvorhergesehenen Phänomenen kommen (Bereiche, die sich nicht anklicken lassen und Ähnliches). Diese Browserbugs lassen sich nicht mit vertretbarem Aufwand abstellen. Die Browser-Version kann heutzutage jedoch getrost ignoriert werden.
