Hola:
En principio que tengas un felíz cumpleaños... (¿Deberías estar emborrachándote... o casi...)
Bueno, está bien el dibujito
... ahora tienes que ubucarlo, y para que no descuadre tu página, creo que sería mejor que sus estilos sean position absolute, y tanto el left y el top a 50%... (Esas son cosas que tendrías que ir probando).
El evento que detecta que la página se ha cargado es el load en la etiqueta body, pero no indica que se hayan cargado las imágenes, así que con las imágenes tendrías que recorrer la colección de imágenes hasta que todas esten con su atributo complete a true...
<script>
function cargando() {
cargadas = true;
for (var i = 0, imgs = document.images, total = imgs.length; i < total; i ++)
cargadas = cargadas && imgs[i].complete;
if (!cargadas) setTimeout("cargando()", 100)
else document.images.carga.style.visibility = "hidden";
}
//...
</script>
<!-- resto de cabecera -->
<body onload="cargando()" >
<!-- cuerpo -->
<img src="cargando.gif" name="carga" />
Espero que te sirva
Saludos
