[Javascript] div "si sposta" al caricamento della pagina web

[eleumas]

Ciao,
ho un div con dentro un immagine. Quando si entra sul sito o si cambia pagina questo div si carica molto rapidamente e si sposta dalla sua posizione creando un effetto davvero brutto.

Come posso fare per risolvere il problema?

Qui il link per vedere il comportamento: samuelesantoni.com/ilriccio

Grazie!

 

[criric]

Ciao, dagli un altezza fissa, comunque a me l'effetto non dispiace.

 

[eleumas]

Purtroppo anche lasciando un altezza fissa il problema si presenta. Ho risolto facendo mostrare la pagina solo dopo che è stata caricata tutta.

Il problema è che questo plugin in jquery non funziona con la versione 3 e non capisco perchè.
In pratica rimane bloccato sulla pagina del caricamento non mostrandomi mai il sito.

Questo è il codice:

<script type="text/javascript">
$(window).load(function() {
    jQuery(".loader").fadeOut("slow");
})
</script>

Questo è il codice HTML:

<div class="loader"></div>

Spero qualcuno riesca ad aiutarmi.
Grazie.