Comment concevoir un CSS pour une boîte de dialogue de confirmation flottante centrée sur la partie visible d'une page?

Question

J'ai déjà posé une question more general, avec une bonne réponse.

Cependant, je veux un flottant centré plus compliqué pop-up:

Si ma page est 1000px haute, et je visualisation la partie supérieure de celui-ci, je ne veux pas la fenêtre contextuelle de la pop à 500px, 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) pour la verticale.

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

Answer 2

Vous pouvez donner la fenêtre flottante du CSS ...

position: fixed; 

Une fois que vous allez que vous pouvez simplement donner « top » et les paramètres « gauche » comme vous le feriez avec des éléments absolument positionnés.

Une fois positionné, peu importe où vous le faites défiler, il restera là où vous l'avez dit 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 au-dessus de tout comme il se doit, les éléments qui ont une position fixe ont tendance à agir comme du contenu statique.