div: height= 100% - 50px ?

[wakewakeup]

Tengo una cabecera de unos 50px con una tabla y debajo un menú con un div, el problema, el div del menu tiene top: 50px y height = 100%. El problema es que la altura (100%) se pasa de la pagina y sale el scroll, osea sale de altura 100% + 50px . No se si no se me enviende avisarme.
Sabeis como decirle de alguna manera que el div del menu mida de altura lo que queda de la pagina? osea 100% menos los 50px de la cabecera.
Graciassss

[n2h]

div {margin-top:-50px;padding-top:50px;}

Ahi esta subiendo la caja en 50 pixeles, y bajando su contenido (no la caja, sino su contenido) adonde estaba originalmente.

[wakewakeup]

La idea es muy buena, el problema es que se me ha olvidado comentar que el div tiene un color de fondo entonces con tu solucion maschaca la cabecera :(

[derkenuke]

Hombre, pues no kreo q sea la solucion total, pero mira a ver si el js te sirve:

Código PHP:

  <div id="capa" style="background-color:red; position:absolute; left:50px; width:30px; height:30px;">&nbsp;</div> 
<script> 
alturaDeLaCabecera=50; 
alturaDeLaVista=document.body.offsetHeight; 
laCapa=document.getElementById("capa"); 
laCapa.style.top=alturaDeLaVista-alturaDeLaCabecera; 
</script>  
  

dime a ver que tal, no se si te he entendido bien :S