Duda con ajuste vertical....

zornak

Bueno, tengo en mente una web, y me he encontrado un problema....

Bien, la web, consta de 3 div horizontales (width: 100%😉, uno para el header (logo y menu), otro para el contenido de la web y otro para el footer, el footer y el header quiero que sean de 110px o así, y la parte del centro, quiero que se ajuste automáticamente a la resolución que sea... ahí es donde tengo el problema, no se me ocurre como hacerlo >.<

¿Ideas?

Lobo14

Creo que poniendo "auto", en vez de los pixeles o el porcentaje, podias. Pruebalo a ver y nos cuentas!

zornak

Si, ya había probado eso... tanto con el x% como con el auto, el div de adapta a su contenido... y lo que quiero es que se adapte a la altura de la pantalla...

No se me ocurre nada >.<

newboy

Postealo en pastebin y nos dejas la url del código para que veamos lo que falla:

http://pastebin.com/

Salu2.

zornak

http://pastebin.com/CbrjAe38

Este es el css que estoy usando ahora mismo para los 3 div.

alejandro_92

Deberias escuchar a Lobo. Has probado height:auto; ?

Dudo de que no funcione. Tambien se podria hacer con js pero ...

Kashir

Madpitbull, mira el comentario siguiente al de Lobo :S

zornak escribió
Si, ya había probado eso... tanto con el x% como con el auto, el div de adapta a su contenido... y lo que quiero es que se adapte a la altura de la pantalla...

Sin más.

newboy

No sé si querías algo parecido a esto:

http://pastebin.com/xbKNAX58

Es un ejemplo, con porcentajes (height) se ajusta al alto que quieres en el #main, yo he puesto 300px por poner algo. Si no es esto explicate de nuevo.

Salu2.

zornak

No, no es eso xD eso si lo se hacer...

Mira, asi es como queda con el height en auto y en 100%:

Y asi, es como quiero que quede, aqui le he puesto los pixeles, pero lo que quiero, es que esa medida se ponga automatica ocupando todo el espacio que pueda.

buji

hola, no creo que puedas poner un % al div al div y que funcione como esperas pues el alto que puede tener una pagina web no esta definido, es decir, puede ser infinito, no es igual que el ancho que si esta limitado por la resolucion de la pantalla.

si kieres conseguir algo asi deberias usar marcos (frames)

RODLON

Hola, yo tuve ese mismo problema hace tiempo y no consegui solucionarlo con css y como era para un trabajo de clase no podia usar javascript. Preo que con javascript puedes saber la altura de la ventana en pixeles, asi que puedes ponerle como height la altura menos la cabecera y el pie.