15/09/2011, 10:59
| ||||
| ||||
 Problemas con div que cubra toda la pantalla Saludos amigos, quiero crear un div que cubra toda la pantalla, funciona, sin embargo, el sitio genera un scrollbar, y sucede que el div solamente cubre el espacio "mostrado" por la pantalla pero si desplazo el scrollbar, la parte del sitio que no cabe en la pantalla por defecto no esta siendo cubierto por el div, alguna solucion? muchas gracias, aca dejo el codigo:
Código:
Muchas gracias de antemano, saludos! .background_div{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:#000;
z-index:4;
visibility:hidden;
opacity: .75;
filter:alpha(opacity=75);
}
|
|
15/09/2011, 11:59
| ||||
| ||||
| Respuesta: Problemas con div que cubra toda la pantalla en vezde absolute pon fixed
__________________ @angelxab Twiiter |
|
15/09/2011, 12:14
| ||||
| ||||
 Respuesta: Problemas con div que cubra toda la pantalla Excelente!! funciono a la perfeccion :O muchisimas gracias, pero supongo que el efecto es que baja junto con el scroll del sitio no? es decir, sigue sin llenarlo completamente, aunque para fines practicos es perfecto :D saludos!! |
|
15/09/2011, 12:25
| ||||
| ||||
| Respuesta: Problemas con div que cubra toda la pantalla Me parece que hacen falta más datos, como el resto del css involucrado y el html. Si tienes un enlace para ver que sucede mejor, sino pega un poco más de código. Saludos
__________________ El mundo nada puede contra un hombre que canta en la miseria. -- Ernesto Sábato-- |
|
15/09/2011, 12:52
| ||||
| ||||
| Respuesta: Problemas con div que cubra toda la pantalla Pues ya funciona, sin embargo, aca dejo, parte del codigo, el div esta justo despues de <body>, no se encuentra dentro de ningun otro div.
Código:
Y este vendria a ser el div en cuestion:html{
height:100%;
}
body{
background:url(../images/bg_gradient.png);
background-position:top;
background-repeat:repeat-x;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
height:100%;
}
Código:
Con el position:fixed funciona sin problemas, solo por curiosidad, existe otro metodo? saludos! .background_div{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:#000;
z-index:4;
opacity: .75;
visibility:hidden;
filter:alpha(opacity=75);
}
|
| Etiquetas: Ninguno |
