Para las típicas secciones de aviso legal, terminos de uso,etc... he creado 2 capas.Una coloca una capa transparente por encima de la página que se este mirando en ese momento,y la otra se coloca por encima de esta capa transparente para mostrar el contenido de esa seccion.Las capas son las siguientes:
.cnt{
background-color:#ffffff;
position:absolute;
font-weight:bold;
width:70%;
height:70%;
visibility:hidden;
top:15%;
left:15%;
overflow-y:scroll;
}
.trans{
background-color:#000000;
color:#000000;
position:absolute;
text-align:center;
font-size:25px;
font-weight:bold;
width:100%;
height:100%;
top:0px;
visibility:hidden;
}
Si el contenido de la página que estoy visitando no supera el 100% de tamaño de pantalla funciona perfecto y se ve todo centrado.Pero si supera el 100%,la pagina que estoy visitando se queda en la posicion en la que esta,con lo que las 2 capas auxiliares se muestran arriba,y la parte baja de la pagina queda sin tapar
Como puedo solucionar este problema?
Se puede hacer que al mostrar las 2 capas auxiliares la página se desplace automaticamente a la posicion inicial?
