Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/06/2011, 17:53
ramiromd
 
Fecha de Ingreso: agosto-2010
Mensajes: 100
Antigüedad: 13 años, 8 meses
Puntos: 2
Envoltorio de height variable no ¿responde?

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 original
  1. body{ background-color: #232121;}
  2.  
  3. #wraper{
  4.     width: 800px;
  5.     background-color: white;
  6.     border-radius: 15px;
  7.     -moz-border-radius: 15px;
  8.     margin: auto;
  9. }
  10.  
  11. #header{
  12.     width: 100%;
  13.     background-color: white;
  14.     border-top-left-radius: 15px;
  15.     border-top-right-radius: 15px;
  16.     -moz-border-radius: 15px 15px 0px 0px;
  17. }
  18.  
  19. #headerLogo{
  20.     background-color: white;
  21.     width: 50%;
  22.     float: left;
  23.     border-top-left-radius: 15px;
  24.     -moz-border-radius: 15px 0px 0px 0px;
  25. }
  26.  
  27. #headerUser{
  28.     background-color: white;
  29.     width: 50%;
  30.     float: right;
  31.     border-top-right-radius: 15px;
  32.     -moz-border-radius: 0px 15px 0px 0px;
  33. }
  34.  
  35. #content{
  36.     width: 79%;
  37.     float: right;
  38.     border: 1px solid blue;
  39. }
  40.  
  41. #menu{
  42.     width: 20%;
  43.     float: left;
  44.     border: 1px solid red;
  45. }

El html afectado:

Código HTML:
Ver original
  1.     <div id="wraper">
  2.         <div id="header">
  3.             <div id="headerLogo">Logo</div>
  4.             <div id="headerUser">User</div>
  5.         </div>
  6.         <div id="menu"><p>Menu</p></div>
  7.         <div id="content"><p>Contenido</p></div>
  8.     </div>
  9. </body>

Por qué el wraper no se expande a la altura de menu y content ??.
Agradecería cualquier tipo de pista. Un saludo y gracias.