[Ovillo] Problemas con las alturas

noth css nothnk en gmail.com
Jue Feb 1 08:34:11 UTC 2007


Se que existe un problema con las alturas, y existe un (hack, o truco)
para solucionarlo. con altura a 1%, o algo asi.

mi problema es que toy maquetando un diseño semi liquido

3 columnas y un pie, donde las dos columnas externas son fijas de
tamaño y la del centro es la que se redimensiona.

Eh conseguido el efecto así

[codigo html]

<div id="contenedor">
	<div id="izq">
	
	</div>
	<div id="centro">
		
	</div>
	<div id="der">
</div>
</div>
<div id="pie">PIE</div>

[fin codigo html]

y el css

[css]
#contenedor{position:relative;}
#izq{
	position:absolute;
	left:0;
	top:0;
	width:150px;
	background-color:red;
	min-height:400px;
}
#centro{
	margin:0 210px 0 160px;
}
#der{
	position:absolute;
	right:0;
	top:0;
	width:200px;
	background-color:green;
	min-height:400px;
	}
#pie{
	position:relative;
	top:auto;
	background-color:blue;
	min-height:50px;
}

[/css]


y funciona pero el problema lo tengo si el contenido de las columnas
izq y der pasan de esa altura de 400px, su contenido se muestra por
debajo de la capa pie


alguna sugerencia

un saludo y gracias ANTICIPADAS


Más información sobre la lista de distribución Ovillo