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>

だから、AnyBody は何が問題で、どのようにそれを克服するかを私に提案できますか.

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});
    });​

オフセット値に top を使用する必要がある場合。

ここで、ブラウザは問題になりません。

于 2013-01-04T11:09:35.360 に答える
3

正しい DOCTYPE を使用していますか? DOCTYPE がないと、IE は自動的に Quirks レンダリング モードになります。これはおそらくあなたの問題です。

于 2013-01-04T10:57:24.383 に答える