居中屏幕中間的一個div IE v 6.0

我有一個div，按下按鈕應該出現在屏幕的中心。我用下面的CSS代碼：居中屏幕中間的一個div IE v 6.0

#box { 

    width: 490px; 
    left:50%; 
    margin-left:-245px; 
    height: 200px; 
    top:50%; 
    margin-top:-100px; 
    background: #302d1a; 
    border: 1px solid #313131; 
    color: #ffffff; 
    text-align: left; 
    position:fixed ; 
    z-index: 9999; 
}

的代碼工作正常，在Opera瀏覽器火狐，但它不能在IE瀏覽器6.0版的工作？

非常感謝您的幫助:)

來源

2011-11-18 sorin

只是爲了澄清，你的意思是div顯示出來，但在IE 6中它並不居中？ – jadarnel27

是的，div顯示出來，但不在屏幕中間。 – sorin

DIIEEE IE6 !!!!! – locrizak

如果#box是具有一定寬度的另一個容器內，這可能會爲你工作：

#box { 

    width: 490px; 
    left:50%; 
    margin-left:auto; 
    margin-right: auto; 
    height: 200px; 
    top:50%; 
    margin-top:-100px; 
    background: #302d1a; 
    border: 1px solid #313131; 
    color: #ffffff; 
    text-align: left; 
    z-index: 9999; 
}

我只是增加了一個保證金左並將margin-right設置爲auto。

來源

2011-11-18 21:18:44 jadarnel27

您可以模擬在IE6使用表達式固定的位置，但在評論中有人說，固定的位置並不在IE6

工作

#box { 
    top: expression((document.clientHeight/2) + document.body.scrollTop + "px"); 
    position: absolute; 
}

務必把這個條件註釋針對IE 6

來源

2011-11-18 21:24:32 Ktash

居中屏幕中間的一個div IE v 6.0

回答

相關問題