jueves, 21 de mayo de 2009

Problemas anidando div CSS - Problema de ajuste de altura o height con capas

A veces puede ocurrir que cuando una capa (1) que dentro tiene a su vez otra capa (2) (anidada) dentro, al abrir nuevos divs a continuación el div se presenta debajo de la capa anidada, es decir:

NO SE AJUSTA LA CAPA 1 A LA ALTURA DE LA CAPA 2 (anidada)
y cuando abrimos nuevas capas se nos jode el invento a no ser que usemos height... y no queremos usar height sino que queremos que todo se ajuste en función de la altura de la capa2!

Pues hay un truco que es crear una capa con esta característica:

.ajustar{
clear:both;
}

Entonces la cosa queda así:
<div class="capa1">
<div class="capa2"></div>
<div class="capa3"></div>
</div>
<div class="ajustar"></div>
<div class="capa4"></div>

Con este esquema y con la propiedad clear:both; nos queda la capa4 que se muestra en función del tamaño de la capa2 y 3, es decir que la capa1 se ajusta a sus capas anidadas!!

Joder que lio no? Espero que sirva de algo

No hay comentarios: