Seite laden, dann anzeigen

H

hab1cht

Erfahrenes Mitglied
Hi @ all,
ich habe eine Tabelle mit einem dynamischen Inhalt und einem Hintergrundbild, etwa so:
HTML: 
<html>
<head>
</head>
<body>
<table width="200">
<tr width="200">
<td background="image.jpg" width="200">
   <!-- dynamischer Inhalt -->
</td>
</tr>
</table>
</body>
</html>

Durch den dynamischen Inhalt ist die Höhe des Hintergrundbildes unterschiedlich und hier kommt das Problem: im Internet Explorer wird das Bild erst nach 1-2sec angezeigt, solange ist der Hintergrund weis, im Firefox wird das Bild gleich richtig angezeigt.
Jetzt habe ich mir sagen lassen, dass das daran liegt, dass das Bild größer ist als der ihm zugewiesene Platz und das Bild somit in die Tabelle hingequetscht werden muss.
Gibt es irgendeine Möglichkeit, dieses Problem zu beheben?
Habe gelesen man kann die Seite erst anzeigen lassen wenn alles geladen ist, weis allerdings nicht genau wie ich das anstelle (habe hierzu folgenden Satz gefunden:
Man könnte auf die Weise z.B. auch bequem auch die ganze Seite erst dann anzeigen lassen, wenn alles geladen ist....indem man die visibilty des <body> ändert
Zum Vergrößern anklicken....
), oder hat jmd noch eine andere Idee?

MfG
hab1cht
 
Zuletzt bearbeitet:
Also das müsste doch irgendwie so aussehen oder?
HTML: 
<body style="visibility:hidden" onLoad= "style=visbility:'visible'">
leider funktioniert das nicht.
Weis wirklich niemand weiter?

MfG
hab1cht
 
Hier mal ein Lösungsansatz mit der setTimeout()-Methode, um den Seiteninhalt zeitverzögert anzuzeigen:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<style type="text/css">
<!--
body {
visibility: hidden;
}
-->
</style>

<script type="text/javascript">
<!--
function Anzeigen() {
  document.body.style.visibility = "visible";
}

window.setTimeout("Anzeigen()", 3000); // 3000 = 3 Sekunden
//-->
</script>

</head>
<body>

<p>Aha</p>

</body>
</html>
Bleibt anzumerken, daß bei deaktiviertem JavaScript das Dokument nicht angezeigt wird.
 
Hi,

damit die Anzeige immer gewährleistet ist, könnte die visibility-Eigenschaft mit JavaScript eingetragen werden.
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>www.tutorials.de</title>

<script type="text/javascript">
<!--
document.write("<st"+"yle type=\"text/css\">");
document.write("<!--");
document.write("body { visibility: hidden; }");
document.write("-->");
document.write("<\/st"+"yle>");
//-->
</script>
</head>
<body onload="document.getElementsByTagName('body')[0].style.visibility='visible';">

<p>Aha</p>

</body>
</html>
Ciao
Quaese
 
Vielen Dank für die Antworten, die Funktionen funktionieren auch, allerdings wird das Bild immer noch nicht gleich angezeigt, auch wenn ich TimeOut auf 10sec oder mehr setzte, er scheint das Bild geladen zu haben, aber bis er es anzeigt lässt er trotzdem noch einmal 1sec vergehen.
Wieso wird mit Firefox alles richtig dargestellt nur mit IE nicht?
Sch**** Microsoft.

Wenn noch jmd eine Idee hat bitte schreiben, ich bin nämlich am verzweifeln.

MfG
hab1cht
 
Ich habe die Vermutung, daß dies ein IE-spezifisches Verhalten ist, wofür es keine Lösung gibt.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück