problema con height y porcentajes

[pepinero]

Hola a todos.

Estoy probando a diseñar con porcentajes, antes los hacia mediante pixeles. Pero me he dado cuenta que cuando le asigno una medida en % a height a cualquier caja no me lo reconoce sin embargo con width no tengo ningun problema. ¿no se puede asignar % al height? si esto es así ¿que tipo de medida sería recomendable.

Un saludo

[comablck]

agregale esta propiedad en el css:

html, body{height:100%}

[pepinero]

Gracias lo probare, ya te cuento que tal me funciona.

[memoadian]

el problema con el height es que va a tomar el alto de tu pantalla si pones 100% tomará todo el alto de tu pantalla, y si te pasas de ese alto se sale.

generalmente en un diseño no se especifica un alto, por que este depende del contenido que tenga el div por decir un elemento. si el elemento es por ejemplo una imagen

Código CSS:

img{width:100%;height:auto;}
 

si vas a especificar por ejemplo un menu puedes usar pixeles, no hay tanto problema como con el ancho, aunque muchos pursitas dirán que no es bueno, tampoco es obligatorio usar solo %

Código CSS:

.menu{width:100%;height:35px; padding:1px; margin:1px}
 

[pepinero]

Resulta que el problema más comun que tengo con el height en %, es con los menus, que se me descuadran o directamente desaparecen, y el tema de poner todo en % es porque ultimamente leo en todas partes que es mejor diseñar en % por el tema de las distintas resoluciones, al final yo creo que utilizare los px para menus o em, porque sino me voy a volver loco.
Un saludo.