[pein87]

try this.

Add this to the headinclude template

<script type="text/javascript">

<!-- Begin
function loadImages() {
if (document.getElementById) {  // DOM2 = IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
}
else {
if (document.layers) {  // Netscape 4
document.hidepage.visibility = 'hidden';
}
else {  // IE 4
document.all.hidepage.style.visibility = 'hidden';
      }
   }
}
//  End -->
window.onload = function() { loadImages(); }
// or try this window.onload = loadImages;
</script>

then open your style in styles&template select the all options in the dropdown and in the body extra css box add

overflow-x:auto;

then add this to additional css

#hidepage {position: absolute; left:0px; top:0px; background-color:#FFF;layer-background-color:#FFF;height: 100%; width: 100%; }
#hidepage table {height:100%; width:100%;}
#hidepage table td { vertical-align:middle; text-align:center;}
#loaderText {color:#000;}/*change to your own color for loading text*/

and then add this to the top of the head template

<div id="hidepage" ><table>
   <tr>
       <td><img src="your/path/here/image.gif" alt="loading icon" /><br /><span id="loaderText">Forum Content Loading... Please wait.</span>
       </td>
  </tr>
</table></div>

You can create your own loading icons at this site http://www.ajaxload.info/ enjoy I would have made some but I dont know which ones users would like this way you can make your own for your own style and taste.

trying to make it semi validate since layer-background-color: is for netscape only and I can't see why you would use legacy netscape code because I doubt anyone uses netscape anymore or IE6 let alone IE4. Also its DOM 2 not 3 as most browsers dont even support DOM 3. Should work I cant test my self my domain is being transferred and I can't access the site until friday.