Ну вот так например работает (под IE)
Код:
<html>
<head>
<style>
#content {visibility: hidden;}
#loadingmsg {position: absolute;}
</style>
<script>
function showcontent() {
document.all["loadingmsg"].style.visibility = "hidden";
document.all["content"].style.visibility = "visible";
}
</script>
<head>
<body onload="showcontent()">
<div id="loadingmsg">
Loading...
</div>
<div id="content">
bla bla bla bla bla bal bal
</div>
</body>
</html>
Lammers, go home!
Вот так даже правильнее будет. С display: none
Код:
<html>
<head>
<style>
#content {display: none;}
table { height: 100%; width: 100%; }
td { text-align: center; }
</style>
<script>
function showcontent() {
document.all["loadingmsg"].style.display = "none";
document.all["content"].style.display = "block";
}
</script>
</head>
<body onload="showcontent()">
<div id="loadingmsg">
<table><tr><td>Loading...</td></tr></table>
</div>
<div id="content">
<img src="http://www.laertsky.com/img/2003/mcd.jpg">
</div>
</body>
</html>