Cómo dar height: 100% a un DIV con CSS en Firefox3 e IE7
Charlando con un colega nos ha surgido la duda de cómo podríamos crear un DIV que fuese el wrapper de la página y tuviese el height 100%, de forma que se adapte a la altura del navegador. La solución, que reconozco que hemos tardado en dar con ella, es muy sencilla y se resuelve con unas pocas líneas en el CSS:
html,body{
margin:0px;
height:100%;}
#wrapper{
height: 100%
}
De todos modos, sigo pensando que dar un height automático al contenedor principal de una página es antiestético y muchas veces nos encontraremos con problemas al visualizar la página en determinados navegadores. Lo ideal sería poner un height fijo cuando sabemos que la altura de la página nunca va a variar (típicas páginas básicas de empresas con pocos textos).
Etiquetas:Diseño páginas web, Programación



