2012-02-06 53 views
3

どのようなCSSスタイルと垂直モーダルウィンドウを中央に:css + htmlでモーダルウィンドウを中央に配置するにはどうすればいいですか?

.inquiry_form_container { 
    left: 50%; 
    margin-left: -375px; 
    width: 750px; 
    top: 150px; 
    position: fixed; 
    z-index: 10001; 
    background: #fff; 
    border: 1px solid #cccccc; 
    display: block; 
    -webkit-box-shadow: 0 0 10px #cccccc; 
    -moz-box-shadow: 0 0 10px #cccccc; 
    -o-box-shadow: 0 0 10px #cccccc; 
    box-shadow: 0 0 10px #cccccc; 
} 

それ以外は高さを知っていたのですが、どのように行うには、そのウィンドウは、上部と下部から同じ余白となること?

答えて

4

left:50%を使用するとよい考えがあるかもしれませんが、私は2つのDIVを使用します。

最初のDIVは、position:relative,left:50%およびwidth:0pxとなります。

第2のDIV(内側)はposition:absolute,width:200pxおよびleft:-100pxとなります。

不明な高さについて何をすべきかわかりません。 2番目のDIVのピクセルの高さはどうですか?overflow-y:scroll

+0

実際にはないが、アイデア – byCoder

関連する問題