Centrar capa (oculta) esté donde esté el scroll

[JBRS]

Hola,

Tengo un css que con javascript muestra ventana emergente fija en la mitad de la pantalla, tal y como lo quiero. El problema es que cuando se usa desde un punto inferior de la pantalla, debajo del scroll, sigue yéndose arriba (con lo que a veces no se ve). ¿Ideas para resolverlo?

Los estilos son tal que así: (hay algo de php mezclado para calcular tamaños)

.black_overlay {
background-color:black; display: none;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 501; opacity: .25;
/* opacidad Firefox */
filter: alpha(opacity=25);
/* opacidad Internet Explorer */
}


.white_content { /* adentro: la ventana modal */
display: none; position: absolute; overflow: auto; z-index:502; left: 200px;
/* la posición de la ventana modal */
width: <?print($anchoX+20);?>px;
height: <?print($altoX);?>px; /* el tamaño de la ventana modal */
top: 50%;
left: 50%;
margin-top: -<?
$anchoXD=$anchoX/2;
$altoXD=$altoX/2;

print($altoXD);?>px; /*set to a negative number 1/2 of your height*/
margin-left: -<?print($anchoXD);?>px; /*set to a negative number 1/2 of your width*/
border: 1px solid #ccc;



background-color:white;
}

[cristian_cena]

Hola JBRS, podes probar con:

Código CSS:

/*estilos de la ventana modal*/
.white_content { 
position: fixed;
z-index: 9999;
/*... tus estilos ...
Elimina la propiedad margin-top, ya no la necesitarás pues declaramos position: fixed
¿porque escribiste esto? $anchoXD=$anchoX/2;
Si estas trabajando con sass o less o similar controlá tu archivo css final.
*/
}
 

Saludos.