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 original
body{ 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:
Código HTML:
Ver original
Por qué el wraper no se expande a la altura de menu y content ??.
Agradecería cualquier tipo de pista. Un saludo y gracias.