どうも、こんにちは。普段、1024x768 の画面でデザインをしております。 BODY{ margin: 30px; } と記述すると私のモニターではちょうど中心に来るので良かったのですが、昨今の大画面モニターで見ると偉く左寄りで不恰好なことに気づき、どの大きさの画面で見ても中央に寄るように変更したいと思い、調べたのですがコンテンツのようにを使ってやる方法はわかったのですが、現在ページ数が多数なため、全てのページにこれをいちいち入れるのは…と思い、できればCSSにて一気に反映できればと思っているのですが、色々とBODYタグ以下に入れて試したのですが、思うようになりません。どなたかCSSによってコンテンツを中央に持ってくる方法をご存知の方いらっしゃれば、是非ご教授願います。よろしくお願いします。

IEにバグがあるため、marginだけでは中央寄せにならないです。 BODY{ text-align:center; } table{ margin:auto; }

table{ margin:auto } はどうでしょう？

CSSにてコンテンツを中央へ寄せるには

解決済

質問者：umizaru76jp
質問日時：2006/06/05 06:03
回答数：3件

どうも、こんにちは。

普段、1024x768 の画面でデザインをしております。

BODY{ margin: 30px; }

と記述すると私のモニターではちょうど中心に来るので良かったのですが、昨今の大画面モニターで見ると偉く左寄りで不恰好なことに気づき、どの大きさの画面で見ても中央に寄るように変更したいと思い、調べたのですが

<body>
<center>
<table>
コンテンツ
</table>
</center>
</body>

のように<center>を使ってやる方法はわかったのですが、現在ページ数が多数なため、全てのページにこれをいちいち入れるのは…と思い、できればCSSにて一気に反映できればと思っているのですが、色々とBODYタグ以下に入れて試したのですが、思うようになりません。

どなたかCSSによってコンテンツを中央に持ってくる方法をご存知の方いらっしゃれば、是非ご教授願います。

よろしくお願いします。