html - 中央のテーブルとマージンが機能していませんか?

Question

私が書いたこのフォーラムはほとんどのブラウザーで問題ないことに気付きましたが、IE8 では左にあり、中央に配置されていません。

その CSS はmargin: auto autoで、ほとんどのブラウザで動作します。

時代遅れになって、実際のテーブルプロパティに align="center" を配置することに頼りたくありません。

誰でも説明できますか？

score 3 · Accepted Answer

あなたは Doctype を持っていない (というか、この回答を書き始めたときは持っていなかった) ため、IE は、サイトが IE 5 時代のレイアウト技術を使用していると想定し、そのブラウザーを部分的にエミュレートします。

標準モードをトリガーする Doctype を追加します。

HTML 5 Doctype は、あなたのサイトに最適なようです:

<!DOCTYPE HTML>

score 2 · Accepted Answer

センタリングの問題を修正するには、次のように Doctype を指定する必要があります。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

間隔の問題を解決するには、ボックスモデルを確認する必要があります。doctype がなければ、あなたのサイトは次のような古いボックスモデルを使用していました。

width = width + border + padding

and

height = height + border + padding

次のように修正する必要があります。

width = width - (border + padding)
height = height - (border + padding)

それが理にかなっていることを願っています。上記を使用して、DIV、TD など、ページ上の要素の幅/高さを調整する必要があります。

score 0 · Accepted Answer

テーブルに次のスタイルを指定してみてください。

table{
   position:relative;
   left:-50%;
   margin-left:450px;
}

それはそれを中心にしていますか？

3 に答える 3