Capa contenedor no se expande

titipower · #1 (**permalink**) 17/01/2006, 13:22

Me pasa en firefox, tengo una capa contenedora con varias capas dentro (una debajo de otra), pongo codigo html (reducido, para no alargar mucho el tema):

Código HTML:

<body>
<div id="cnt">
<div id="tit">
<img src="images/1.jpg" width="194" height="95" alt="imagen1"><img src="images/2.jpg" width="190" height="95"><img src="images/3.jpg" width="184" height="95"><img src="images/tit_inicio.jpg" width="192" height="95">
</div>
<div id="pie">
<p>Texto Capa inferior</p>
</div>
</div>
</body>

y tengo asociado el siguiente CSS:

Código HTML:

body {	
     background: url(../images/fondo.gif) repeat;	
     background-color:#C9D9F3;	
     font-family:Trebuchet Ms,Verdana, Arial, Helvetica, sans-serif;	
     font-size:12px;
}
#cnt {
     width:760px; 
     margin: 5px auto; 
     border:1px solid #555555; 
     background: url(../images/fondo.jpg) repeat-y;}

#tit {
     float:left;
     padding:0px;
     margin:0px;
     border-bottom:1px dotted #cccccc;
     width:760px;
} 

#tit img {
     border:0px;
     padding:0px;
     float:left;
}

#pie {	
     float:left;
     background-color: #0099CC;	
     font-family:Verdana, Arial, Helvetica, sans-serif;	
     font-size:11px;	
     font-weight:400;	
     color:#00FF00;	
     text-align:center;
     width:760px;
}
#pie p {	
     padding-top:3px;
}

Como veis en http://www.consultoressap.es/webs/html2/testeo.php, la capa contenedora tiene un borde de un pixel, y se "expande" con las capas que contiene (en Internet Explorer). Sin embargo, con Firefox, esta capa contenedora queda por encima de las otras dos y no se expande (se ve solo el borde superior, como si la capa se quedara de un pixel.

A ver si alguno pudiera echarme un cable que llevo tiempo intentando dar con la solucion.

RoQ · #2 (**permalink**) 17/01/2006, 13:29

http://www.forosdelweb.com/search.php?searchid=526019

frijolerou · #3 (**permalink**) 17/01/2006, 13:45

Como dentro de la capa contenedora tienes elementos flotantes, a #cnt debes agregarle overflow:hidden. De esta manera los elementos flotantes también serán capaces de expandirla según sea necesario.

kurroman · #4 (**permalink**) 17/01/2006, 14:31

eso mismo era.

titipower · #5 (**permalink**) 17/01/2006, 14:34

Gracias a todos

¿cual de las dos formas es más correcta de usar??

Saludos