dbanhardt: problem with rendering time by divs

Hi all,

i've created a page which needs long time to load. For this i've insert two divs.
First div: the page is loading - please wait...
Second div: the big page...

So, normaly the first div is displayed directly, and if the whole page is loaded the second div will be displayed.

This stuff works fine by one page i've created - by another one, it didn't work, and i don't know why.
Both divs will be displayed exactly at the same time, and not one div after the other.

Has anybody some idea why??

Thanks in advance

Cu Daniel

Here is my sourcecode:

<%@ taglib uri="core" prefix="c"%>
<%@ taglib uri="sql" prefix="sql"%>
<%@ taglib uri="format" prefix="fmt"%>
<%@ include file="inc_conf.jsp" %>

<html>
<head>
  <title>Proxy Daten Statistik</title>
  <link href="/cc/css/default.css" rel="stylesheet" type="text/css" />
  <script language="JavaScript" src="date-picker.js"></script>
  <script language="JavaScript" type="text/javascript">

//hide the animated load gif
  function hideLoadGif() {
   if(document.getElementById)
     document.getElementById("load").style.visibility = "hidden";
  }

</script>
</head>

<body marginwidth="0" marginheight="0" onLoad="hideLoadGif()">

<div id="load" style="position:absolute; visibility: visible;">
<table>
  <tr><td> </td></tr>
  <tr>
    <td> </td>
    <td class="head1">Die Seite wird geladen. <br>Bitte gedulden Sie sich einen Augenblick.</td>
  </tr>
  <tr><td> </td></tr>
  <tr>
    <td> </td>
    <td><img src="/cc/img/bar6.gif"/></td>
  </tr>
</table>
</div>

<div style="position:absolute; visibility: visible;">

<jsp:include page="inc_statisticSql.jsp"/>

<form name="crStatistic" method="post" action="/cc/jsp/crStatistic.jsp">
<table width="100%" border="0" cellspacing="0" cellpadding="3" vspace="0" hspace="0" class="nav2_text">
.
.
.
.the big page
.
.

</table>
</form>
</div>
</body>

  1. Nolimetongere,

    [..]

    //hide the animated load gif
      function hideLoadGif() {
       if(document.getElementById)
         document.getElementById("load").style.visibility = "hidden";
      }

    [..]

    <body marginwidth="0" marginheight="0" onLoad="hideLoadGif()">
    <div id="load" style="position:absolute; visibility: visible;">

    [..]

    </div>

    [..]

    <div style="position:absolute; visibility: visible;">

    why do you set the visibility for this div on "visible" ?
    i thought you want this layer to be hidden until the maindiv
    is loaded completely !?

    Zebulon
    The Interim Polytoximonium

    --
    <img src="http://www.dmp-web.de/xCell/zebulon.jpg" border="0" alt="">
    [bitte bitte weg mich nicht -
    so lang ich träume gibts nur mich]