Javascript 对齐<；部门>；屏幕中央-最兼容的版本

在屏幕上居中（水平和垂直）对齐

的最兼容方法是什么

我目前正在将CSS用于：

div.myBlock
{
    position:absolute;

    width:500px;
    left:50%;
    margin-left:-250px;

    height:500px;
    top:50%;
    margin-top:-250px;
}

这在现代浏览器中运行良好，但在较旧的chrome/firefox等浏览器中会出现问题

这是一个基本的弹出窗口，如FaceBook上的弹出窗口

---

有什么想法吗？也许使用JS/jQuery可以有效吗？

我正在使用这个函数来集中我的资料，到目前为止一直在工作

来源是这里，不记得是谁

    // $(element).center();
    jQuery.fn.center = function () 
    {
        this.css("position","absolute");
        this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px");
        this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");
        return this;
    }

编辑：

发现：

---

您根本不需要使用javascript。上述解决方案应适用于所有浏览器。firefox chrome的哪个版本不起作用？我想看看这个我不记得了，但我把我的网站给几个朋友看了，有两个（不同的）被窃听了。什么版本的CSS？可能是因为您使用的是较新版本的CSS，而旧的Firefox/Chrome浏览器不知道如何处理。可能是因为我只使用

而不是

？值得一试。。但是你在问题中发布的css将在所有浏览器中都有效。。甚至IE6。