¿Y quieres que lleguen los 2 hasta abajo? Pues haz esto:
-Mete dentro de un contenedor a los 2 divs. Lo tenías así:
Código HTML:
<div>Barra navegación</div>
<div>Formulario</div>
<div>Pie</div>
Y ahora así:
Código HTML:
<div id="estirar">
<div>Barra navegación</div>
<div>Formulario</div>
</div>
<div>Pie</div>
Luego, aplica un estilo CSS a los divs (pon esto entre <head> y </head>):
Código HTML:
<style type="text/css">
#estirar { overflow: hidden; }
#estirar div { margin-bottom: -3000px; padding-bottom: 3000px; }
</style>