Direktnavigation

Bookmark and Share

Weitere Infos

Sie lesen gerade:

Little Boxes Teil 1 (Cover)

Leider ausverkauft.

Dafür gibt's jetzt:

Das große Little Boxes-Buch (Cover)

Inhaltsbereich

Ein paar Patches für den Internet Explorer 6

Haben Sie die fertige Galerieseite schon einmal im Internet Explorer 6 betrachtet? Erschrecken Sie sich nicht, falls die Galerieseite so wie in Abbildung 14.6 aussieht: 

Abbildung 14.6: Die Galerie im IETester
Abbildung 14.6: Die Galerie im IETester

Das overflow: hidden versteht der IE6 wie gesagt nicht. Er hat die Floats bisher nur eingeschlossen, weil mit width: 500px eine feste Breite definiert war (im Buch siehe Seite 272), und die ist entfernt worden.

Aber keine Panik. Man muss ihm nur ein bisschen auf die Sprünge helfen, und als Ersatz für width wird im folgenden ToDo eine Höhe von 1px eingebaut, die der IE6 netterweise nicht wörtlich nimmt, sondern als Mindesthöhe interpretiert.

ToDo: Patch für den Internet Explorer 6 einbauen
  1. Öffnen Sie ggf. das Stylesheet bildschirm.css und fügen Sie nach dem Style für div.galerie folgende Regel hinzu:

    /* Sternchen-Hack und Holly-Hack bewirken hasLayout im IE6 */
    * html div.galerie { height: 1%; }

  2. Speichern Sie das Stylesheet und betrachten Sie die Seite im Internet Explorer 6.

Diese Zeile kombiniert zwei bekannte Patches:

  • Durch die Zuweisung von height: 1% merkt der IE6, dass die Galerie-divs wichtig für das Layout sind, gibt ihnen etwas, was er hasLayout nennt, und stellt alles korrekt dar. Bekannt geworden ist dieser Trick als Holly-Hack.
  • Gleichzeitig stellt der Selektor * html sicher, dass nur der Internet Explorer bis inkl. V6 diese Anweisung überhaupt liest. Alle anderen Browser ignorieren sie. Das ist der Sternchen-Hack.

Mehr über diese Hacks erfahren Sie im Kapitel über »Patchwork« (im Buch auf Seite 353 zum Sternchen-Hack und auf Seite 355 zu hasLayout).