DIV height 100% y que se estire?

[Kashir]

Hola, tengo un problema que no consigo solucionar. Tengo un par de DIVs que quiero que ocupen el 100% del navegador en altura, pero que si el contenido es superior a este tamaño, que se estire (tanto el DIV del contenido como el DIV vertical de al lado)

Ilustro:

Así me queda en auto:



Así me queda con todo en 100%:



Y éste es el código CSS de los DIVs: http://pastebin.com/vHLWaMux (Actualmente puesto todo en auto)

Gracias por adelantado, saludos.

[pzin]

¿Probaste a usar min-height?

Código CSS:

div#algo {
  min-height: 100%;
}
 

Así la altura es automática cuando pasa de 100%.

Por cierto, no es necesario declarar height: auto ya que todos los elementos tienen por defecto ese valor.

[Kashir]

Gracias por el tip.
Probé con min-height y me pasa lo mismo que declarando (o no jaja) el height: auto.

[pzin]

Pon el HTML a ver cómo está eso.

[Valkyrjur]

Eso lo podes solucionar con algun float clear. Por ej:

Código CSS:

clear: both;
 

o algun otro metodo. Yo lo hice con un <br /> por dar ejemplo, pero lo podes hacer con un <div> o de otra forma

Código HTML:

<div id="envoltura">
<div id="texto">
<p>Este es el texto que se sale del div</p>
<br />
</div>
</div>
 

Código CSS:

br{clear: both;}