Comunidad de diseño web y desarrollo en internet online

Posicionamiento y redimensionado de DIVs

Citar            
MensajeEscrito el 02 Oct 2011 11:07 am
Hola.

Llevo un tiempo leyéndoos y me habéis solucionado un montón de dudas. Pero esta en concreto no la he visto (espero que no se me haya pasado un tema ya creado igual...).

Bueno, el caso es que necesito colocar en una nueva página web que estoy haciendo con html y css, 5 divs: que tenga la siguiente forma:
---------------------------------------------
|AAA|AAAAAAAAAAAAAAAAAAAA|
---------------------------------------------
|AAA|AAAAAAAAAAAAAAAAAAAA|
|AAA|AAAAAAAAAAAAAAAAAAAA|
|AAA|AAAAAAAAAAAAAAAAAAAA|
|AAA|AAAAAAAAAAAAAAAAAAAA|
---------------------------------------------
|AAAAAAAAAAAAAAAAAAAAAAAA|
---------------------------------------------
El superior y el inferior con un height fijo, pero que ocupe todo el ancho de la pantalla (sea cual sea la anchura, es decir, que se adapte a la resolución). Y los dos divs del medio que ocupen el hueco dejado por los divs superior e inferior (que será variable, dependiendo de la resolución de la pantalla), el izquierdo con un ancho fijo, y el de la derecha, que ocupe el resto...

El caso es que esta configuración no la consigo, y no encuentro una forma de hacerlo.

Algún alma caritativa podría ayudarme??

Gracias por todo y un saludo.

Por javierv

3 de clabLevel



 

chrome
Citar            
MensajeEscrito el 03 Oct 2011 12:43 pm
¿Es muy necesario que los dos divs centrales se adapten a la altura aunque el contenido de ellos no alcance para cubrir toda la ventana?.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 03 Oct 2011 01:25 pm
bueno.... tampoco es tan indispensable... es más sencillo así??

Por javierv

3 de clabLevel



 

chrome
Citar            
MensajeEscrito el 03 Oct 2011 02:52 pm
Sí, sin duda, porque hacer que esos divs "se estiren" verticalmente implica usar cálculos de porcentajes en los heights y el div que está al pie debe estar posicionado absolútamente (también en porcentaje) y el resultado no es tan preciso como se quisiera.
De última recurrir a JavaScript.
Pues tú dirás, con o sin estirado central :P.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 03 Oct 2011 03:29 pm
Entonces mejor empezaré sin estirado central :) cuando coja algo más de soltura, podré meterme en otros lios jejej

Por javierv

3 de clabLevel



 

chrome
Citar            
MensajeEscrito el 03 Oct 2011 04:22 pm

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 04 Oct 2011 11:23 am
Muchas gracias. Es casi casi lo que necesitaba :)

Me será de mucha ayuda. Un saludo.

Por javierv

3 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.