Hola foreros:
Pues eso, tengo un div contenedor que adentro tiene como 20 divs pequeños con float:left, la idea es que el contenedor crezca haca abajo para "enmarcar" a todos los divs pequeños que forman varias filas.
Todo va de maravilla en Firefox, Opera, Safari y hasta en Explorer!!! pero por alguna razón que escapa a mi entenidmiento, en Netscape 7 no le da la gana de funcionar.
Ya hice mil pruebas, con hacks y sin ellos y lo único que logré fue aprender otras 6 formas de obtener el mismo resultado, pero con más código
He aquí el CSS que estoy usando:
Código:
#contenedor{
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
margin-left:151px;
padding:10px;
background:#FAFAFA;
overflow:hidden;
height:100%;
}
#contenedor #flotantes{
width:100px;
height:200px;
border:1px solid #CCCCCC;
margin-right:5px;
margin-bottom:5px;
padding:5px;
background-color:#FFFFFF;
float:left;
}
El HTML sería algo así:
Código HTML:
<div id="contenedor">
<div id="flotantes">Contenido de muestra</div>
<div id="flotantes">Contenido de muestra</div>
<div id="flotantes">Contenido de muestra</div>
<div id="flotantes">Contenido de muestra</div>
<div id="flotantes">Contenido de muestra</div>
<div id="flotantes">Contenido de muestra</div>
<div id="flotantes">Contenido de muestra</div>
<div id="flotantes">Contenido de muestra</div>
<div id="flotantes">Contenido de muestra</div>
<div id="flotantes">Contenido de muestra</div>
<div id="flotantes">Contenido de muestra</div>
<div id="flotantes">Contenido de muestra</div>
<div id="flotantes">Contenido de muestra</div>
<div id="flotantes">Contenido de muestra</div>
<div id="flotantes">Contenido de muestra</div>
<div id="flotantes">Contenido de muestra</div>
</div>
Reitero, funciona bien en todos lados, menos en Netscape.
¿Alguna vez habían oído algo así?
Saludos y de antemano, gracias
