Hi,
da die Hintergrundbilder von meiner Seite recht groß sind, möchte ich den Text "Seite wird geladen..." während des Ladens einblenden. Dies habe ich so versucht:
body { background-color:#7f7b78; background:url("../images/background.jpg") repeat; color:#fff; font-family:"Times New Roman", Times, serif; font-size:16px; height:100%; margin:0; min-width:900px; padding:0; width:100%; }
img { border:none; margin:0; padding:0; }
h1 { font-size:19px; font-weight:bold; text-align:center; }
/* Content */
#wrapper { background:url("../images/background-2.jpg") repeat-x; width:100%; }
#lippertsreuter_geschichtsweg { background:url("../images/background-3.jpg") no-repeat; width:100%; }
#content { padding:465px 0 50px 117px; width:600px; }
#loading { float:left; }
<body>
<div id="loading"> Seite wird geladen...</div>
<div id="wrapper">
<div id="lippertsreuter_geschichtsweg">
<div id="content">
<h1>Beispielüberschrift</h1>
Lorem ipsum dolor sit amet, consectetuer sadipscing elitr,...
</div>
</div>
</div>
</body>
Falls ihr euch die Seite anschauen wollt:
http://www.lippertsreute.de/geschichtsweg/