Foros del Web » Creando para Internet » CSS »

Div en medio de otros 2 que cubra toda la pagina

Estas en el tema de Div en medio de otros 2 que cubra toda la pagina en el foro de CSS en Foros del Web. Hola! alquien sabe como hacer para tener 3 divs, el header y el footer con un alto fijo pero el div que va en medio ...
  #1 (permalink)  
Antiguo 27/01/2010, 14:41
 
Fecha de Ingreso: septiembre-2009
Mensajes: 13
Antigüedad: 8 años, 3 meses
Puntos: 1
Pregunta Div en medio de otros 2 que cubra toda la pagina

Hola! alquien sabe como hacer para tener 3 divs, el header y el footer con un alto fijo pero el div que va en medio de estos 2 que tenga un alto dinámico que cubra todo el alto que queda de la página?

Gracias.
  #2 (permalink)  
Antiguo 27/01/2010, 14:56
 
Fecha de Ingreso: abril-2009
Mensajes: 75
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Div en medio de otros 2 que cubra toda la pagina

A el fondo del div central agregale repeat-y, con eso deberia funcionar
  #3 (permalink)  
Antiguo 27/01/2010, 15:06
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Div en medio de otros 2 que cubra toda la pagina

@inmortal009, no se refería a ninguna imagen.

Lo que intentas hacer... Creo que es posible si pones todo el contenido en un div contenedor de altura 100%. Luego el div central le poner también una altura de 100%, pero este se ajustará al 100% del div contenedor... Creo, no estoy muy seguro, sería cuestión de probarlo... Suerte.
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #4 (permalink)  
Antiguo 27/01/2010, 15:09
 
Fecha de Ingreso: septiembre-2009
Mensajes: 13
Antigüedad: 8 años, 3 meses
Puntos: 1
Respuesta: Div en medio de otros 2 que cubra toda la pagina

@daPhyre si, eso pasa, y se me ponen las barras de scroll en el navegador y eso es lo que no quiero!
  #5 (permalink)  
Antiguo 27/01/2010, 15:18
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Div en medio de otros 2 que cubra toda la pagina

Ya estoy probando la teoría, definitivamente no era lo que esperaba... Estoy casi seguro que había una forma de forzar un contenido a un área predeterminada, pero no la recuerdo, buscaré por si logro encontrarla.
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #6 (permalink)  
Antiguo 27/01/2010, 15:26
 
Fecha de Ingreso: septiembre-2009
Mensajes: 13
Antigüedad: 8 años, 3 meses
Puntos: 1
Respuesta: Div en medio de otros 2 que cubra toda la pagina

muchas gracias estaré pendiente, ya he buscado y no encuentro nada :(
  #7 (permalink)  
Antiguo 27/01/2010, 15:35
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Div en medio de otros 2 que cubra toda la pagina

Encontré esta página, quizá no sea lo que busques o necesites, pero podría servirte... http://www.cssplay.co.uk/layouts/basics2.html
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #8 (permalink)  
Antiguo 27/01/2010, 15:56
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Div en medio de otros 2 que cubra toda la pagina

¡Creo que lo encontré! Prueba este código:

Código:
html, body{margin:0;padding:0;height:100%}
#content{background:#cfc;min-height:100%}
#head, #foot{background:#fcc;padding:1em}
#main{padding:1em;padding-bottom:5.3em}
#foot{margin-top:-5.3em; }
El contenedor debe encerrar todo menos el foot, que lo pones después de este. Avísame si te funciona, saludos.
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #9 (permalink)  
Antiguo 27/01/2010, 16:13
 
Fecha de Ingreso: septiembre-2009
Mensajes: 13
Antigüedad: 8 años, 3 meses
Puntos: 1
Respuesta: Div en medio de otros 2 que cubra toda la pagina

probé el de http://www.cssplay.co.uk/layouts/basics2.html y mas o menos se acerca, pero esa página me llevo a http://www.brunildo.org/test/h100_fix_hea_foo_6.html que es lo que necesito gracias!!!
  #10 (permalink)  
Antiguo 27/01/2010, 17:22
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Div en medio de otros 2 que cubra toda la pagina

Curiosamente, eso es precisamente lo que había comprendido que querías, pero no hallaba la forma de conseguirlo. No se como no noté el link que tú si lograste encontrar.

He probado el ejemplo para ver como funciona, y he notado que para lograr el efecto, requiere que todo esté en posiciones absolutas. Jugar con estas es como jugar con fuego, así que hay que usarlas con cuidado, pero dado el tipo de estructura de la página, no creo que eso sea problema en verdad.

Solo hay que estar pendientes de no usar margin ni padding, pues esto provoca que el ancho de la página sea mayor al de la pantalla, lo cual sale bastante contraproducente, provocando una barra de desplazamiento horizontal no deseada.

Por lo demás, es un código bastante interesante, muy bueno en verdad para dar solución a este problema (Sospecho yo que no hay mejor solución). Gracias, y suerte
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...

Etiquetas: medio
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 16:49.