Comment concevoir un CSS pour un dialogue de confirmation flottant centré sur la partie visible d'une page?

Question

J'ai déjà demandé un plus général question, avec une excellente réponse.

Cependant, je souhaite une popup flottante centrée plus délicate:

Si ma page mesure 1 000 pixels de haut et que je ne regarde que la partie supérieure, je ne souhaite pas que le popup apparaisse à 500 pixels, mais plutôt au milieu de la partie visible de l'écran.

Existe-t-il un moyen d'accéder à la partie visible de la page en CSS?

Merci

Answer 1

vous devez utiliser CSS (margin: 0 auto;) pour le centrage horizontal et javascript (hauteur de la fenêtre d'affichage) pour le vertical.

vérifiez cet exemple: http://www.alistapart.com/d/footers/footer_variation1.html

Answer 2

Vous pouvez donner le css au popup flottant ...

position: fixed;

Une fois que vous y êtes allé, vous pouvez simplement lui attribuer les paramètres "haut" et "gauche" comme vous le feriez avec des éléments positionnés de manière absolue.

Une fois qu'il est positionné, peu importe où vous le faites défiler, il reste là où vous l'avez indiqué par rapport à la fenêtre du navigateur.

Le seul problème est que les positions fixes ne fonctionnent pas très bien dans IE6, au lieu de se positionner comme il se doit, les éléments qui ont une position fixe ont tendance à se comporter comme du contenu statique.