Div en medio de otros 2 que cubra toda la pagina

[ocb11]

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.

[inmortal009]

A el fondo del div central agregale repeat-y, con eso deberia funcionar

[daPhyre]

@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.

[ocb11]

@daPhyre si, eso pasa, y se me ponen las barras de scroll en el navegador y eso es lo que no quiero!

[daPhyre]

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.

[ocb11]

muchas gracias estaré pendiente, ya he buscado y no encuentro nada :(

[daPhyre]

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

[daPhyre]

¡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.

[ocb11]

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!!!

[daPhyre]

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