Tema: Problema con height 100%
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/03/2012, 08:56
kenproxd
 
Fecha de Ingreso: agosto-2009
Mensajes: 349
Antigüedad: 15 años, 5 meses
Puntos: 8
Problema con height 100%
Hola de nuevo,

Esta vez tengo problemas con un div que tiene como fondo a un personaje. Resulta que al darle height 100% este div toma la altura de parte de la página que se logra ver en la pantalla (es decir, no cuenta lo que está bajando el scroll). Dejo imágenes para explicarme mejor.



Así se ve al abrir la página.



Al bajar el scroll se ve que el div no cubrió el total del height de la página.

Código CSS: 
Ver original
  1. html, body {
  2.     margin: 0;
  3.     background:#000  url(images/au_bg.jpg) center no-repeat fixed;
  4.     font-family: Arial, Helvetica, sans-serif;
  5.     font-size: 11px;
  6.     height: 100%; 
  7.     position: relative;
  8. }
  9.  
  10. #pj {
  11.     position: absolute;
  12.     top: 0px;
  13.     height: 100%;
  14.     left: 3%;
  15.     z-index: 1;
  16.     width: 624px;
  17.     background: url(images/ko_pj.png) no-repeat center center;
  18.     overflow: hidden;
  19. }

Código HTML: 
Ver original
  1. <body>
  2. <div id="pj"></div>
  3. ....
  4. </body>

Intenté poniéndole height: 100% al body pero al hacerlo el scroll simplemente desaparece.

Espero puedan ayudarme.