Hola buenas vereis tengo un pequeño problema, no muy grande pero bueno quisiera saber si hay alguna forma de arreglarlo, el problema es que tengo una <div> y dentro otra <div> quisiera que la primera <div> tuviese el height en auto y la segunda que esta dentro de esa tuviese un height: 10% pero no funciona, si en lugar de auto escribo una medida fija como 800px me hace bien el porcentaje pero sino no, ¿habria alguna forma de hacerlo? os pongo el cofigo que tengo para que le hecheis un ojo:
<body><div id="contenedor"><div id="cabecera"></div></div>
</body>
Y el css:
#contenedor{
margin:auto;
width:90%;
background-color:#000;
height: auto;
}
#cabecera{
width:100%;
height:50%;
background-color:#06C;
}
Si en lugar de #contenedor{height:auto pongo height:800px} calcula bien el porcentaje de #cabecera sino no. Y claro yo quisiera que el contenedor tuviese el height segun la info que haya dentro y que la div cabecera donde este el titulo se ajuste segun el tamaño del contenedor.
Tambien probe a darle tamaño al body height:100%; pero ni aun asi.
Gracias de antemano por la ayuda
