Hola, tengo un problema a la hora de maquetar mi página web. Resulta que tengo una capa identificada como "cuerpo" con float a la izquierda; y otra identificada como "lateral" con float a la derecha. Estas dos están metidas dentro de otra capa usada como contenedor, ésta otra la tengo identificada como "contenedor".
- código html:
Código:
<div id="contenedor">
<div id="cuerpo">Pasarela 1<br /> Pasarela 2<br />Pasarela 3</div>
<div id="lateral">Mis pasarelas</div>
</div>
- código css:
Código:
#contenedor {
width:750px;
background-color:#FFFFFF;
margin:auto;
text-align:left;
}
#cuerpo {
float:left;
width:546px;
padding-right:12px;
padding-left:12px;
}
#lateral{
float:right;
width:180px;
}
El problema es que las capas "cuerpo" y "lateral" no se quedan dentro de la capa contenedor; sinó que se salen y pisan el contenido que tengo por debajo. Lo curioso es que a la capa que le quito la propiedad "float", automáticamente se introduce en la capa "contenedor".
¿Alguién me puede ayudar a poder tener las capas "cuerpo" y "lateral" con "float" y dentro de la capa "contenedor"?