altezza sbagliata di una pagina

[Emulman]

usando JQuery e CSS in javascript mi accade una cosa strana..ho un sito che di base è formato da 5 DIV affiancati verticalmente chiamati "div1", "div2" ecc. Ogni pagina può avere una diversa altezza, così per ogni pagina uso lo script seguente

<script type="text/javascript">
    $(document).ready(function() {
      var sH = $(document).height() + 'px';
      for (i=1; i<6; i++)
         document.getElementById("div"+i).style.height = sH;
    });
</script>

la cosa trana è che in Chrome 14 e Safari 5.1 funziona bene, arriva a fondo pagina; in Firefox 6.0.2 e Opera 11.51 si ferma praticamente a metà pagina; In Explorer 9 arriva quasi in fondo. come mai questo strano comportamento?

[cavicchiandrea]

Prova a usare $(window). al posto di $(document). se il problema persiste vedi cosa ti stampa sH

[Emulman]

grazie per la risposta, ma $(window) mi da solo la dimensione della viewport sul video...se faccio cmq un alert con $(document).height() mi da :

Chrome: 1713px
Safari: 1717px;
Firefox: 1102px;
Opera: 1097px;
Explorer: 1574px;

[cavicchiandrea]

A questo punto penso che dovrai verificare il browser e "aggiungere" i pxel in difetto

[br1]

Prova con:


var sH = parseInt($(document).innerHeight()) + 'px';

[Emulman]

beh diciamo che con quest'ultima soluzione si vede tutto il DIV centrale spostato tutto a sinistra ma non i 4 laterali..e un alert di sH mi da NaN, Not a Number

vedendo infatti la documentazione di innerHeight mi da "This method is not applicable to window and document objects; for these, use .height() instead."