Wie wird ein CSS für Floating-Confirm-Dialog im sichtbaren Bereich einer Seite entworfen?

Question

Ich fragte bereits eine more general Frage, mit einer großen Antwort.

Ich möchte jedoch ein kniffliges zentrierte Floating: Pop-up

Wenn meine Seite ist 1000px hoch, und ich sehe nur den oberen Teil davon, ich mag nicht das Popup auf 500px Pop, aber eher in der Mitte des sichtbaren Teils des Bildschirms.

Gibt es eine Möglichkeit, auf den sichtbaren Teil der Seite in CSS zuzugreifen?

Dank

Answer 1

Sie CSS verwenden sollten (margin: 0 auto;) für die horizontale Zentrierung und Javascript (Darstellungshöhe) für die vertikale.

Überprüfung dieses Beispiel: http://www.alistapart.com/d/footers/footer_variation1.html

Answer 2

Sie könnten der Floating-Popup die CSS geben ...

position: fixed; 

Sobald Sie gehen, dass man es nur geben kann ‚oben‘ und ‚links‘ Parameter wie Sie würden mit absolut positionierten Elementen.

Sobald es positioniert ist, egal wo Sie scrollen, bleibt es dort, wo Sie es in Bezug auf das eigentliche Browserfenster gesagt haben.

Das einzige Problem ist, dass feste Positionen nicht so gut in IE6 arbeiten, anstatt auf alles zu positionieren, wie es sollte, Elemente, die eine feste Position haben neigen dazu, nur wie statischer Inhalt zu handeln.