Tema: No consigo lograr height 100% de una capa
Ver Mensaje Individual
  #8 (permalink)  
Antiguo 24/05/2012, 06:59
keko123
 
Fecha de Ingreso: marzo-2012
Mensajes: 43
Antigüedad: 12 años, 1 mes
Puntos: 3
Respuesta: No consigo lograr height 100% de una capa
Cita:
Iniciado por IXtremeLT Ver Mensaje
A si, prueba dandole al body position relative o al contendor de la pagina(si es q tienes).

Aqui tienes un ejemplo

Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <style type="text/css">
  5.     *{
  6.         margin: 0;padding:0;
  7.     }
  8.     #contain{
  9.          position:relative;
  10.     }
  11.     #modal{
  12.          background: red;
  13.          position: absolute;
  14.          opacity: 0.5;
  15.          width:100%;
  16.          height:100%;
  17.          /* O tambien utilizar en vez de width y height */
  18.          /*top: 0;
  19.          right: 0;
  20.          bottom: 0;
  21.          left: 0;*/
  22.     }
  23.     </style>
  24. </head>
  25. <body>
  26. <div id='contain'>
  27. <div id='modal'></div>
  28. <p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
  29. <p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
  30. <p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
  31. <p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
  32. <p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
  33. <p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
  34. <p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
  35. <p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
  36. <p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
  37. <p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
  38. <p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
  39. <p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
  40. <p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
  41. <p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
  42. <div>
  43. </body>
  44. </html>

Saludos!
Muchisimas gracias, me ha ido perfecto. Ahora la capa_ampliar si ocupa toda la pantalla indistintamente del tamaño del contenido.

Un saludo