Tema: Problemas para lograr height 100%
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 01/01/2011, 11:14
KurozakiIchigo
 
Fecha de Ingreso: noviembre-2010
Ubicación: On a world of Anime & Web.
Mensajes: 137
Antigüedad: 14 años, 2 meses
Puntos: 4
Respuesta: Problemas para lograr height 100%
LISTO!!!
Intenta este codigo:
Código HTML: 
Ver original
  1. <html>
  2. <head><title>height 100%</title>
  3. <style type="text/css">
  4. * {margin:0; padding:0; border:0;}
  5. html, body {width: auto; height: 100%;}
  6.  
  7. #contenedor {
  8. background-color: #00F;
  9. width: 80%;
  10. height: 100%;
  11. margin: 0 auto;
  12. }
  13.  
  14. /* EL SIGUIENTE CODIGO NO IMPORTA */
  15. #contenido {
  16. font-size: 4em; font-family: 'tahoma', verdana, arial; color: #fff; text-align:center;
  17. }
  18. /* NO IMPORTA OK */
  19. </style></head><body>
  20.  
  21. <div id="contenedor">
  22.     <div id="contenido">CONTENIDO</div>
  23. </div>
  24.  
  25. </body>
  26. </html>

Funciona en: IE, Firefox, Opera, Chrome.