Buenas, estoy haciendo una maquetacion algo simple: un envoltorio, un header, un main, un menu, y un pie.
El problema es que cuando aplico el header, el alto del envoltorio se modifica correctamente, ahora cuando aplico el main y menu no.
Acá dejo una imagen:
El css:
Código CSS:
Ver originalbody{ background-color: #232121;}
#wraper{
width: 800px;
background-color: white;
border-radius: 15px;
-moz-border-radius: 15px;
margin: auto;
}
#header{
width: 100%;
background-color: white;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
-moz-border-radius: 15px 15px 0px 0px;
}
#headerLogo{
background-color: white;
width: 50%;
float: left;
border-top-left-radius: 15px;
-moz-border-radius: 15px 0px 0px 0px;
}
#headerUser{
background-color: white;
width: 50%;
float: right;
border-top-right-radius: 15px;
-moz-border-radius: 0px 15px 0px 0px;
}
#content{
width: 79%;
float: right;
border: 1px solid blue;
}
#menu{
width: 20%;
float: left;
border: 1px solid red;
}
El html afectado:
Por qué el wraper no se expande a la altura de menu y content ??.
Agradecería cualquier tipo de pista. Un saludo y gracias.