3

我写了以下代码。它在 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>

那么任何人都可以建议我是什么问题以及如何克服它。

4

2 回答 2

4

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

看到这个链接

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

如果您需要在偏移值中使用顶部。

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

于 2013-01-04T11:09:35.360 回答
3

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

于 2013-01-04T10:57:24.383 回答