Hola, tengo un problema que no se resover debido a mi poca experiencia con css.
Tengo una capa contenedora con dos capas float left dentro.
El tema es que quiero que estas dos capas me queden una debajo de la otra, pero por mas que trato me queda una al lado de la otra.
El html que tengo es:
<div id="contenedora">
<div id="left1">lo que va acá adentro</div>
<div id="left2">lo que va acá adentro</div>
</div>
y el css es:
#contenedora {
position:inherit;
width:990px;
height:800px;
z-index:1;
margin: auto;
background-image: url(imagenes/imagen.jpg);
}
#left1 {
width:250px;
height:20px;
z-index:1;
float: left;
margin-left: 40px;
margin-top: 20px;
}
#left2 {
width:250px;
height:115px;
z-index:1;
float: left;
margin-left: 40px;
margin-top: 20px;
}
Osea, estoy poniendo tanto la capa left1 como la capa left2 que floten tomando como referencia a la capa "contenedora"; sin embargo la left2 se me ubica referenciandose de la left1 a su derecha y lo que quiero es que quede debajo de la left1.
¿Cómo tengo que hacer?, ¿hay otro parámetro para colocar?
Muchas gracias desde ya.