0

div 内に中央揃えのコンテンツがあります。Firefox/Chrome では問題なく表示されます。IE6 では、コンテンツは div を超えてブラウザー ウィンドウ全体に拡張されます。何がこれを引き起こしているのでしょうか？

4

4 に答える 4

1

IE6 の回避策

やるべきことは、text-align: center を親 div の body に配置して、コンテンツ div が IE6 の中央に配置されるようにすることです。

次に、コンテンツ ブロックで margin: auto を使用して、より適切なブラウザーで div が中央に配置されるようにします。

CSS

body {
    text-align: center;
}

#content {
    width: 500px;
    margin-left:auto;
    margin-right:auto;
}
于 2009-06-24T15:35:59.633 に答える
0

<center>タグは非推奨になりました。次のようなことをする必要があります。

<div style="text-align:center; margin: 0 auto; width: 400px;">
</div>

そうすれば、コンテンツを中央に配置できます。

于 2009-04-11T20:51:52.423 に答える
0

Doctypeを定義し、CSSを使用してコンテンツを中央に配置しています。

于 2009-04-11T20:55:53.630 に答える
0

ページの上部に doctype 定義があることを確認してください。そうしないと、IE6 はページを quirks モードで開き、あらゆる種類のものを台無しにする可能性があります...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
于 2009-04-11T20:49:33.007 に答える