div: height= 100% - 50px ?

wakewakeup · #1 (**permalink**) 15/03/2005, 09:19

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 · #2 (**permalink**) 15/03/2005, 09:22

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 · #3 (**permalink**) 15/03/2005, 09:44

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 · #4 (**permalink**) 15/03/2005, 11:20

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