Seite erst anzeigen, wenn externe CSS-Datei geladen ist

[Dogfish]

Hallo ihr da draußen,

am Anfang hatte ich das ganze CSS-Zeugs im <style> drinnen. Dann haben sich die Stylesheets durch den Umstieg von Frames auf DIV so angehäuft, dass ich aus Ladezeitgründen das Zeug in eine externe CSS-Datei geschoben hab. Nun gibt es ein Problem, bei dem ich eigentlich vermutet hätte, dass es so oft auftaucht wie die 2-Frame-Frage, jedoch in der Suche hab ich nix gefunden:

Wenn die Seite geladen wird und die CSS-Datei ist noch nicht heruntergeladen, wird die Seite nicht so:

+--------------+-------------------------------+
|              |                               |
| Navigation   | Text                          |
|              |                               |
|              |                               |
|     ...      |             ...               |
|              |                               |
+--------------+-------------------------------+

, sondern so:

Navigation

...

Text

...

angezeigt, was aber unschön aussieht.

Also hab ich mal vorsorglich so etwas eingebaut:

<h1 class = "hidden" style = "font-color: #C00000;">
 Die CSS-Datei ist noch nicht da
</h1>

und ganz hinten in der CSS-Datei steht dann:

h1.hidden
{
 display: none;
}

Nun sieht das erstens mal ziemlich doof aus und zweitens Mal gibt es schließlich auch Browser, die display: none; nicht interpretieren und dann steht der Text was weiß ich wo in der Navigation und/oder im Text.

Gibt es jetzt also eine Möglichkeit, die Seite erst anzeigen zu lassen, wenn die CSS-Datei geladen ist, außer das Zeug in einen <style>-Bereich reinzuschreiben (JavaScript nur wenns absolut nicht anders geht)?

Danke schon mal im Vorraus,

Grüße von hier drinnen, aus Biberach an der Riss,
Dogfish

--

Let's close our eyes and see what happens...