Tema: problema height 100%
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/03/2015, 16:00
Avatar de rottenp4nx
rottenp4nx
 
Fecha de Ingreso: octubre-2012
Ubicación: Santiago
Mensajes: 417
Antigüedad: 12 años, 3 meses
Puntos: 36
problema height 100%
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>rebelArte</title>
  6. </head>
  7. <style>
  8.     *{
  9.         padding: 0;
  10.         margin: 0;
  11.     }
  12.     html{
  13.         width: 100%;
  14.         height: 100%;
  15.     }
  16.     body{
  17.         background-color: #282828;
  18.         width: 100%;
  19.         height: 100%;
  20.     }
  21.     #container{
  22.         display: block;
  23.         width: 94%;
  24.         height: 94%;
  25.         margin: 3% 3%;
  26.         background: #fff;
  27.         min-height: 100%;
  28.         
  29.     }
  30. </style>
  31. <body>
  32.     <div id="container">Hola Mundo!</div>
  33. </body>
  34. </html>

Teoricamente, solo se debería rellenar y no que aparezca el scrollbar vertical
porque el body tiene 100% de altura y el hijo div container tiene 94% de alturo más los margenes de arriba y abajo de 3%, dan los 100% de altura y produce el scrollbar, me parece raro.
De antemano gracias :)