Bien, mi sitio presenta dos hijos, dentro de un padre.
Su float es de left. Las limpié y todo, Firefox supo leerlo claramente, pero no así IE6/7 quien deja encimados a los dos hijos.
Cita:
<div class="contenedor-clear">
<div class="c-izq">
</div>
<div class="c-der">
</div>
<div class="clear">
</div>
</div>
</div>
<div class="c-izq">
</div>
<div class="c-der">
</div>
<div class="clear">
</div>
</div>
</div>
Cita:
Mi sitio: ramiroreyes.com.ar.clear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear { clear:left;}
.contenedor-clear { display:inline-block;}
.c-izq {
width:400px;
float:left;
padding-top:180px;
}
.c-der {
float:left;
width:600px;
heigth:auto;
}
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear { clear:left;}
.contenedor-clear { display:inline-block;}
.c-izq {
width:400px;
float:left;
padding-top:180px;
}
.c-der {
float:left;
width:600px;
heigth:auto;
}
Su CSS: ramiroreyes.com.ar/wp-content/themes/tutorial/style.css
Todavía soy un novato de CSS, pero busqué todo lo que pude y como última alternativa decidí armar un Thread y tal vez alguien a quien le haya sucedido me sepa responder.
Sin más, les agradezco de antemano.
Saludos.
(Sepan disculpar las URLS, por motivos de anti-spam no me permite poner enlaces)