Foros del Web » Creando para Internet » CSS »

div: height= 100% - 50px ?

Estas en el tema de div: height= 100% - 50px ? en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 15/03/2005, 09:19
 
Fecha de Ingreso: octubre-2004
Mensajes: 878
Antigüedad: 13 años, 2 meses
Puntos: 1
div: height= 100% - 50px ?

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
  #2 (permalink)  
Antiguo 15/03/2005, 09:22
n2h
 
Fecha de Ingreso: octubre-2004
Mensajes: 163
Antigüedad: 13 años, 1 mes
Puntos: 0
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.
  #3 (permalink)  
Antiguo 15/03/2005, 09:44
 
Fecha de Ingreso: octubre-2004
Mensajes: 878
Antigüedad: 13 años, 2 meses
Puntos: 1
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 :(
  #4 (permalink)  
Antiguo 15/03/2005, 11:20
Avatar de derkenuke
Colaborador
 
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.665
Antigüedad: 14 años, 1 mes
Puntos: 45
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
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:59.