Largo de contenedor automatico en Firefox/Opera

[Threepwood]

Hola!

Estoy diseñando por primera vez mi sitio en CSS y tengo un pequeño problema. Tengo todos los elementos de la página (Çheader, navbar, content) metidos en una capa contenedor. El problema viene con los navegadores FireFox y Opera en los cuales, a menos que especifique un min-height, la capa contenedor no varia de tamaño y se queda justo donde termina la barra de navegación, es decir, sin "contener" a las capas de contenido y footer. En Explorer, sin embargo, la capa contenedor si crece dependiendo del tamaño que adquieren las otras capas.

Este es el código:

Código HTML:

#wrapper {
text-align: left; 
width: 740px; 
background-color:#c33030;
margin: auto;
border: #000000 solid 1px;

Y en el html se ve así:

<div id="wrapper">

<div id="header">
Header
</div>

<div id="navbar">
<ul class="menu">
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Menu 4</a></li>

</ul>
</div>


<div id="leftcolumn"> Contenido izquierdo</div>

<div id="centercolumn">
<p>Contenido central</p>

</div>
<div id="footer">Pie</div>

</div>


¿Alguna sugerencia?

Gracias!

[frijolerou]

Me imagino que "leftcolumn" y/o "centercolumn" son elementos flotantes. en ese caso al elemento "pie" defínele clear:both

[Threepwood]

Hola!

Gracias, eso ha solucionado el problema. Investigué sobre el atributo clear y más o menos quedó entendido.

Saludos!

[webosiris]

Iniciado por Threepwood

En Explorer, sin embargo, la capa contenedor si crece dependiendo del tamaño que adquieren las otras capas.

esta es una característica defectuosa, el comportamiento correcto es el que tienen FF y Opera..