Css 一致垂直对齐

我有这个，试图为网站创建一个模式窗口：

我想让它在浏览器、IE6、Firefox和Chrome上保持一致。然而，我犯了一些错误，因为在每个浏览器中，它的显示方式都不同。我希望红色框始终占据屏幕宽度和高度的50%，在用户关闭它之前，不要让用户与下面的内容交互

在chrome浏览器中，它的行为和我预期的一样，但在firefox中，这个框从来都不是我想要的，它水平居中，但不是垂直居中，如果我调整导航器窗口的大小，它会被推得更远。在IE6中，没有词语来形容它，它只是不起作用

---

无论如何，这是我的错，它的行为不恰当，但我只是不知道我做错了什么

CSS中的所有边距都基于宽度。因此，当

左边距：-25%

起作用且方框水平居中时，

右边距顶部：-25%

属性使用方框宽度的25%

---

另请参见。

这是否必须是您自己制作的模态盒？你看过JQuery的对话框了吗@amburnside我认为没有，但现在，考虑到我工作的地方他们还没有使用jquery（我不得不提出），它必须是我的。然而，不管我是否使用jquery，我都对css发生的事情感兴趣。@amburnside我怎么能看到jquery做了什么，从而产生了一个好的结果？我对css的理解更感兴趣。谢谢你的帮助。那么，除了设置固定高度，没有别的解决办法了吗？