ページの表示部分を中心としたフローティング確認ダイアログのCSSを設計する方法は？

Question

すでにより一般的な質問、素晴らしい回答。

ただし、よりトリッキーな中央のフローティングポップアップが必要です：

ページの高さが1000pxで、その上部のみを表示している場合、ポップアップが500pxでポップするのではなく、画面の表示部分の中央でポップアップすることを望みます。

CSSでページの表示部分にアクセスする方法はありますか？

ありがとう

Answer 1

CSS（margin：0 auto;）を水平方向のセンタリングに、javascript（ビューポートの高さ）を垂直方向のセンタリングに使用する必要があります。

この例を確認してください： http://www.alistapart.com/d/footers/footer_variation1.html

Answer 2

フローティングポップアップにcssを指定できます...

position: fixed;

一度行ったら、絶対に配置された要素の場合と同様に、 'top'および 'left'パラメーターを指定できます。

一度配置されると、スクロールする場所に関係なく、実際のブラウザウィンドウとの関係で指定した場所にとどまります。

唯一の問題は、IE6では固定位置がうまく機能しないことです。固定位置を持つ要素は、本来あるべきものすべての上に配置するのではなく、静的コンテンツのように動作する傾向があります。