• ベストアンサー

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

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

質問者が選んだベストアンサー

  • ベストアンサー
  • goldfox
  • ベストアンサー率49% (123/249)
回答No.3

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

umizaru76jp
質問者

お礼

IEのバグの件はどこかでちらっと見かけたのですが、それへの対処が不明でもありました。 お蔭様でCSSでサクっと希望通りできました!ありがとうございます!

すると、全ての回答が全文表示されます。

その他の回答 (2)

  • tacfore
  • ベストアンサー率45% (5/11)
回答No.2

すみません、さきほどのはTABLEのみでしたね(^^;) <style type="text/css"> BODY { margin-left:auto; margin-right:auto; padding:20px; width:150px; } </style> としてみてはどうでしょうか? 私も、これは今調べたばかりなので自信はありませんが...

すると、全ての回答が全文表示されます。
  • tacfore
  • ベストアンサー率45% (5/11)
回答No.1

<style type="text/css"> table{ margin:auto } </style> はどうでしょう?

umizaru76jp
質問者

お礼

IE以外はこれで対処できました。ありがとうございます。しかし、No.3さんの回答のようにIEにはもう一筆必要でした…。

すると、全ての回答が全文表示されます。

関連するQ&A