[JQuery] altezza errata pagina

[Emulman]

Ciao a tutti...

ho una pagina divisa in 5 div ognuno con FLOAT: LEFT per vedere nella stessa pagina 5 colonne, con una altezza di HEIGHT: 100%. Accade però che il contenuto della pagina superi spesso il 100% per cui ho utilizzato il seguente banale script:

<script>
      $(document).ready(function() {
	  var i;
          // ci sono 5 div con id div1, div2, div3, div4, div5
          for (i=1; i<=5; i++)
              $( "#div" + i ).height($( document ).outerHeight());
      });
  </script>

ma in fondo alla pagina rimane semrpe uno spazio bianco come dall'immagine allegata, come se non calcoli esattamente l'altezza da assegnare ai div! come risolvere? grazie!

[SimoX90]

Prova a usare $(window).height (), se il problema persiste fai degli alert o dei console.log per vedere quale è il valore che effettivamente gli passa.
P.s. dovresti poi prevedere il comportamento della tua pagina se l'utente ridimensiona la finestra