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:,

Compártelo
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Bitacoras.com
  • Identi.ca
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • Ping.fm
  • RSS
  • StumbleUpon
  • Technorati
  • Twitter
  • email
  • PDF
  • Print

Suscríbete a nuestro Feed para recibir las últimas novedades de diseño web, diseño gráfico y programación

Entradas relacionadas:

Entradas relacionadas en el blog de N4gashFirefox3 consigue el Record Guiness
Entradas relacionadas en el blog de N4gash¿Cómo se hacen los logos de Google (Doodle)?
Entradas relacionadas en el blog de N4gashPacking de los iPod by Microsoft
Entradas relacionadas en el blog de N4gashKinetic Motion Typography,tipografia en movimiento
Entradas relacionadas en el blog de N4gashCómo implementar anuncios Adsense en Blogger

Dejanos tu Comentario

Nombre:

E-Mail:

Sitio WEB:

Comentario: