sweetlydark gracias por tu interés pero creo que no era lo que necesitaba.
Al final después de ratos de aquí para allí me salió algo parecido aunque no funciona 100% como deseo.
Primero os indico lo que he utilizado
CSS
Código:
#fondpro{
position: absolute;
width: 100%;
background-color: #000;
opacity: 0.4;
-moz-opacity: 0.4;
-khtml-opacity: 0.44;
filter: alpha(opacity=40);
z-index: 1;
display:none;
}
#avispro{
color: #FFFFFF;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
position: absolute;
background-color: #597d9d;
width: 200px;
height: 40px;
top: 50%;
margin-top: -20px;
left: 50%;
margin-left: -100px;
z-index: 2;
border: #FFFFFF 2px ridge;
padding-left: 10px;
line-height: 40px;
display:none;
}
Código:
function procesando() {
document.getElementById("fondpro").style.height = document.body.scrollHeight+'px';
document.getElementById("fondpro").style.display = "block";
document.getElementById("avispro").style.display = "block";
}
Código:
......
</head>
<body>
<div id="fondpro"></div><div id="avispro">PROCESANDO... <img src="http://www.forosdelweb.com/f13/images/procesando.gif" /></div>
......
<a href="#" onclick="funcion()">VER</a>
......
Todo esto va dentro de un iframe y cuando le doy a "VER" se me cubre todo de la capa transparente #fondpro y en el centro aparece el div #avispro. Pero cuando la subpágina necesita usar el scroll vertical la parte que no era mostrada porque no entraba esta descubierta de la capa transparente #fondpro.
He probado poniendo el valor "height" de la capa de varias maneras en js pero ni en Firefox ni en Iexplorer acaba de solucionarse.
Por cierto, si la utilizo fuera del iframe lo hace perfecto siempre y cuando sea en pantalla maximizada y no se utilice el scroll, es como que la parte que es cubierta por el marco que rodea el contenido sea el tamaño que coge para tomar las dimensiones de la capa en vez de intentar leer la altura real del contenido.
Alguna idea?, gracias.
Un saludo,