Css 在屏幕中部居中一个div 6

我有一个div，按下一个按钮，它会出现在屏幕中央。 我使用以下CSS代码：

    #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 Chrome Firefox中运行良好，但在IEV6.0中不起作用

非常感谢您的帮助：）

如果#盒子位于另一个具有指定宽度的容器中，这可能对您有用：

#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; 
}

---

我刚刚将左边距和右边距设置为自动。

您可以使用IE6中的表达式模拟固定位置，但正如评论中所说，固定位置在IE6中不起作用

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

---

务必把这个放在IE 6的条件注释中。

只是澄清，你是指DIV出现，但是在IE 6中它不是中心的？是的，div出现了但是不是在屏幕中间。IE 6不支持位置固定：尝试使用位置绝对代替。有许多问题涉及垂直居中的技术。您是否尝试过使用

display:table cell

技术？看：@Nathan，这个问题有点不同。这是关于对齐元素的中心。这是关于整个页面的固定中心。