Das Flackern beim Laden von Webseiten in Internet Explorer 5.x für Windows verhindern

(Auszug aus "CSS Kochbuch" von Christopher Schmitt)

Problem

Es soll verhindert werden, dass es beim Laden von Webseiten in Internet Explorer 5.x für Windows zu einem Flackern kommt, bevor das CSS-Stylesheet auf die Seite angewandt wird.

Lösung

Fügen Sie ein link- oder script-Element als Kindelement des head-Elements in das Webdokument ein:

<head>
  <title>christopher.org</title>
  <link rel="stylesheet" type="text/css" media="print" href="print.css"/>
  <style type="text/css" media="screen">@import "advanced.css";</style>
</head>

Diskussion

Wird ein Stylesheet über die Methode @import in eine Webseite eingebunden, so zeigt Internet Explorer 5.x für Windows die Seite für einen kurzen Moment ohne angewandte Stylesheets an. Nach einem Sekundenbruchteil stellt der Browser die Seite erneut dar, wobei diesmal die Stildefinitionen berücksichtigt werden.

Wenn Sie im Kopfteil der Seite vor der @import-Regel ein link- oder ein script-Element einfügen, wird der Browser veranlasst, die Stildefinitionen bereits vor der eigentlichen Darstellung zu laden. Auf diese Weise wird verhindert, dass die Seite vorher ohne Stildefinitionen angezeigt wird.

Dieses Problem bei der Darstellung hat im Prinzip nichts mit dem Browser selbst zu tun, denn in der CSS-Spezifikation wird nicht weiter darauf eingegangen, ob dieses Verhalten akzeptabel ist. Der Browser kann die Spezifikation in diesem Fall also nicht verletzen. Sie und Ihre Benutzer könnten dieses Flackern aber als Störung oder als Fehler wahrnehmen, und Sie sollten sein Auftreten daher verhindern.

  

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright der deutschen Ausgabe © 2007 by O’Reilly Verlag GmbH & Co. KG
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS Kochbuch" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

O’Reilly Verlag GmbH & Co. KG, Balthasarstr. 81, 50670 Köln