[Ovillo] Extender DIV hasta ocupar todo el contenido

[Reynier Perez Mira]

Hola listeros:

Estoy usando la técnica footerStickAlt para mantener el pie(footer) pegado al borde inferior(bottom) de la ventana. Todo funciona a la perfección. También estoy usando Nifty [1] para redondear las esquinas de algún que otro DIV u otro elemento que así lo necesite. El código HTML (resumido) de la página generada es el siguiente:

<div id="contenedor">

<div id="encabezado">

              <div id="registro">Formulario</div> <!-- Fin registro -->

       </div> <!-- Fin encabezado -->

       <div id="navegacion">Menu de navegacion</div> <!-- Fin navegacion -->

       <div id="contenido">Aqui va todo el contenido</div><!-- Final DIV ID=contenido -->

       <div id="derecha">Columna derecha</div> <!-- Fin columna derecha -->

</div><!-- Final DIV ID=contenedor -->

<div id="clear">&nbsp;</div> <!-- Para que footerStickAlt funcione bien con elementos flotados -->

<div id="pie">Aqui va todo lo del pie</div><!-- Final DIV ID=pie -->

 

Ahora el DIV con ID contenido y el DIV con ID columna derecha nunca se me expanden hasta ocuparme el 100% lo que me afea en un 90% el diseño de la página. La cuestión es saber si existe alguna forma de que estos dos elementos contenidos dentro del DIV con ID contenedor ocupen ese espacio en blanco.

 

Nota: FauxColumns no me sirve porque como dije hay esquinas redondeadas, además de separaciones mediante margin entre uno y otro DIV y me es imposible entonces hacer una imagen para ponerla de fondo.

 

[1] http://www.html.it/articoli/niftycube/index.html 

Salu2 y esperando por su ayuda

 

Reynier Pérez Mira

5to. año Ing. Informática

Universidad de las Ciencias Informáticas