Div del tamaño de la ventana..

[yoniti7784]

Hola, buen dia.

Tengo un buen rato buscando como hacer que un div se muestre del tamaño de la ventana y ABSOLUTO.

Esto es lo que tengo::::
#FONDO_TOTAL{
left:0px;
top:0px;
margin-top:0px;
margin-left:0px;
padding:0 0 0 0;

position:absolute;
width:100%;
height:100%;
background-color:black;
z-index:2;
overflow:auto;
}

Subi esta imagen al servidor para que vean como queda, el div FONDO_TOTAL es que se mira opaco color GRIS

http://imageshack.us/f/560/sinttuloin.png/
Como podran ver cuando el usuario mueve el SCROLL hacia abajo el div que quiero que se muestre completo no lo hace. hay alguna manera de llenar toda la pantalla???

[GAST0N]

ponele background-repeat: repeat; al #FONDO_TOTAL

[yoniti7784]

gracias, pero no me funciona, incluso le puse una imagen directa para ver si se repetia en y hasta el final pero sigue igual, al parecer lo que importa es el hight.
Tendre que especificar el tamaño con un script opteniendo el tamaño del contenido y de la cabezera lo sumo y poes ese especifico en el hight del fondo es todo lo que se me ha ocurrido gracias.

[emprear]

No sé que es lo que no te funciona


fijate esta demo
(le agregue una segunda capa con contenido extra, porque vi que en tu imagen tenias otras cosas, y le di un poco de opacity y color para que se note el ejmeplo)
http://foros.emprear.com/css/div100.html

SAludos

[ZoroRoronoa]

Iniciado por emprear

No sé que es lo que no te funciona


fijate esta demo
(le agregue una segunda capa con contenido extra, porque vi que en tu imagen tenias otras cosas, y le di un poco de opacity y color para que se note el ejmeplo)
http://foros.emprear.com/css/div100.html

SAludos

Mira su screen, la segunda capa si sale igual que tu ejemplo, el problema, es que aun sigue contenido hacia abajo, y al momento de hacer scroll hacia abajo, la capa de arriba se corta, es decir, se queda en 100%, cuando el contenido real tiene un alto de mas de 100%.

No se si me explique, y yo tampoco he logrado hacer esto. Lo he estado intentando.

[emprear]

En ese caso tenes que cambiar
position:absolute;
x
position: fixed;
para la capa en primer plano, en la demo, ahora a la capa secundaria le di un height de 1000px para que te genere scroll

http://foros.emprear.com/css/div100.html

Saludos