¿Cómo diseñar un CSS para el diálogo de confirmación flotante centrado en la parte visible de una página?

Question

Ya pedí un más general pregunta, con una gran respuesta.

Sin embargo, quiero un elemento emergente flotante centrado más complicado:

Si mi página tiene 1000px de altura, y estoy viendo solo la parte superior de la misma, no deseo que la ventana emergente aparezca a 500px, sino en la mitad de la parte visible de la pantalla.

¿Hay alguna forma de acceder a la parte visible de la página en CSS?

Gracias

Answer 1

debe usar CSS (margin: 0 auto;) para el centrado horizontal y javascript (altura de la ventana gráfica) para el vertical.

revisa este ejemplo: http://www.alistapart.com/d/footers/footer_variation1.html

Answer 2

Podrías darle a la ventana emergente flotante el css ...

position: fixed;

Una vez que vas, puedes darle los parámetros "superior" e "izquierda" como lo harías con elementos posicionados absolutamente.

Una vez que esté posicionado, no importa dónde se desplace, permanecerá donde se lo indicó en relación con la ventana de los navegadores reales.

El único problema es que las posiciones fijas no funcionan tan bien en IE6, en lugar de ubicarse encima de todo lo que debería, los elementos que tienen una posición fija tienden a actuar como contenido estático.