Question

我写了以下代码。它在Mozilla和Chrome中表现得非常好。但在Internet Explorer中，它不是中心对齐并显示在左侧。这是守则：

<html>
<head>
<title>ProgramEngine Website Registration</title>
<style type="text/css">
div#login
{
background-color:#f1f1f1;
width: 510px;
height: 1024px;
border: 1px solid grey;
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
<div id="login"></div>
</body>
</html>

AnyBody可以告诉我什么是问题以及如何克服它。

Answer 1

您可以使用jquery获得良好的解决方案。

See this Link

$(document).ready( function(e){    
        var screen = $('body').width();
        screen -= 51;  //51 is width of div
        screen /= 2;
        $('#login').offset({top:0,left:screen});
    });

如果你需要在偏移值中使用top。

在这里，浏览器不会出问题。

Answer 2

您使用的是正确的DOCTYPE吗？如果没有DOCTYPE，IE会自动进入Quirks渲染模式 - 这可能是你的问题。

HTML Div Center在Internet Explorer中对齐

2 个答案: