Como criar uma CSS para diálogo de confirmação centrado na parte visível de uma página flutuante?

Question

Eu já pedi um mais geral pergunta, com uma grande resposta.

No entanto, eu quero um pop-up flutuante centrado mais complicado:

Se minha página é 1000px de altura, e eu estou vendo apenas a parte superior dele, eu não quiser que o pop-up para aparecer em 500px, mas sim no meio da parte visível da tela.

Existe uma maneira de acessar a parte visível da página em CSS?

Graças

Answer 1

você deve usar CSS. (Margin: 0 auto;) para centralização horizontal e javascript (altura do visor) para a vertical

verificar este exemplo: http://www.alistapart.com/d/footers/footer_variation1.html

Answer 2

Você poderia dar o pop-up flutuante do css ...

position: fixed;

Uma vez que você vá que você pode apenas dar-lhe 'top' e 'esquerda' parâmetros, como você faria com elementos posicionados absolutamente.

Uma vez que ele está posicionado, não importa onde você rolar ele vai ficar onde você disse para em relação à janela navegadores real.

O único problema é que as posições fixas não funcionam tão bem no IE6, em vez de posicionar em cima de tudo como deveria, elementos que têm uma posição fixa só tendem a agir como conteúdo estático.