Foros del Web » Creando para Internet » CSS »

Div ocupe toda la altura restante

Estas en el tema de Div ocupe toda la altura restante en el foro de CSS en Foros del Web. Buenas a todos Tengo una pequeña navegación y debajo de la misma me gustaría poner un div que ocupe el total del algo restante de ...
  #1 (permalink)  
Antiguo 20/05/2015, 14:56
 
Fecha de Ingreso: diciembre-2012
Ubicación: Madrid
Mensajes: 19
Antigüedad: 9 años, 8 meses
Puntos: 1
Div ocupe toda la altura restante

Buenas a todos
Tengo una pequeña navegación y debajo de la misma me gustaría poner un div que ocupe el total del algo restante de manera que ni queden huecos vacios y que no aparezca scroll, ¿alguien me puede echar una mano?

http://codepen.io/feraku/pen/GJjqBW

Muchisimas gracias
  #2 (permalink)  
Antiguo 20/05/2015, 16:14
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 7 años, 8 meses
Puntos: 91
Respuesta: Div ocupe toda la altura restante

con un min-height: 500px; al Div me imagino que se asemeja a lo que quieres >_<

http://codepen.io/AngelKrak/pen/bdwwVj
  #3 (permalink)  
Antiguo 21/05/2015, 01:56
 
Fecha de Ingreso: diciembre-2012
Ubicación: Madrid
Mensajes: 19
Antigüedad: 9 años, 8 meses
Puntos: 1
Respuesta: Div ocupe toda la altura restante

En primer lugar muchas gracias Angel, pero eso no es lo que necesito. El div se debe ajustar para ocupal todo el espacio que queda disponible independientemente de donde se visualice y con un min-height esto no se consigue, es fundamental que se cumplan dos condiciones por un lado que no se genere scroll y por otro que no queden huecos vacios en la pantalla.

De nuevo gracias
  #4 (permalink)  
Antiguo 21/05/2015, 03:55
 
Fecha de Ingreso: diciembre-2012
Ubicación: Madrid
Mensajes: 19
Antigüedad: 9 años, 8 meses
Puntos: 1
Respuesta: Div ocupe toda la altura restante

Creo que lo tengo la clave:

Código CSS:
Ver original
  1. height:10vh;

Que alegría!!!! Gracias compañeros
  #5 (permalink)  
Antiguo 21/05/2015, 14:59
 
Fecha de Ingreso: diciembre-2012
Ubicación: Madrid
Mensajes: 19
Antigüedad: 9 años, 8 meses
Puntos: 1
Respuesta: Div ocupe toda la altura restante

Puff que bajón, no funciona.

¿Por favor alguien me puede ayudar?

Gracias
  #6 (permalink)  
Antiguo 21/05/2015, 19:23
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 7 años, 8 meses
Puntos: 91
Respuesta: Div ocupe toda la altura restante

pon un height: 95%; dentro de tu HTML, BODY y otro height: 95%; dentro de #map

http://codepen.io/AngelKrak/pen/bdwwVj
  #7 (permalink)  
Antiguo 21/05/2015, 19:29
Avatar de siddartha23  
Fecha de Ingreso: septiembre-2013
Mensajes: 357
Antigüedad: 8 años, 10 meses
Puntos: 39
Respuesta: Div ocupe toda la altura restante

Con js es sencillo...
__________________
velarde23.com - Soluciones Web

Etiquetas: altura, todo
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 08:21.