Foros del Web - Ver Mensaje Individual - No consigo lograr height 100% de una capa

IXtremeLT · #7 (**permalink**) 23/05/2012, 08:23

Cita:

Iniciado por keko123

A mi me sigue pasando lo mismo, si el contenido de la capa es mayor que el tamaño de la web justo antes de mostrar la capa, no me ocupa el total.

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<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
    *{
        margin: 0;padding:0;
    }
    #contain{
         position:relative;
    }
    #modal{
         background: red;
         position: absolute;
         opacity: 0.5;
         width:100%;
         height:100%;
         /* O tambien utilizar en vez de width y height */
         /*top: 0;
         right: 0;
         bottom: 0;
         left: 0;*/
    }
    </style>
</head>
<body>
<div id='contain'>
<div id='modal'></div>
<p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
<p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
<p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
<p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
<p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
<p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
<p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
<p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
<p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
<p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
<p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
<p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
<p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
<p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p><p>asd</p>
<div>
</body>
</html>

Saludos!