『HTML：画面の中央に表示する』

ウィンドウ(画面)の中央に表示させる、ウィンドウサイズが変更されても中央に表示させるには、次のスタイル指定を行うと可能です。

CSS

#dialog {
　　position: absolute;
　　top: 50%; left: 50%;　　　　　　　　　　　　　　　　//画面の中央を開始位置にする
　　width: 280px; height: 220px;
　　margin-left: -140px; margin-top: -110px;　//表示部品の半分をネガティブマージンする
}