レイアウトを常に中央に配置したい

質問

始めまして、まったくの初心者で御座いますが、
下記現在レイアウト(テーブル)、左よりになっていますが、ブラウザの幅や大きさや、デイスプレイのサイズにかかわらず。
常に中央に配置したい場合、下記をどう書き換えればよいでしょうか、
宜しくお願い致します。

<style type="text/css">
<!--
body { font-size:80%; background:#fff; color:#000; }
table.form { border:1px solid #7777bb; border-collapse:collapse; margin-top:1em; }
table.form th,td { text-align:left; border:1px solid #7777bb; padding:8px; font-weight:normal; }
table.form th { background:#cccce6; }
table.form td { background:#f0f0f0; width:500px; }
strong.ttl { text-align:left; border-left:solid 4px #cc0000; display:block; padding:2px 5px; margin-top:1.5em; }
input.button { width:90px; }
-->
</style>

宜しくお願い致します。

回答No.1

naokita · ベストアンサー

お問合せフォームかな？

HTMLにて、非奨励な設定だと、
<table align="center">

<center>なんて邪道な方法もある。

ただ、上記は推薦しない・・・
------------------------

正確には、HTMLも無いと何もわかりませんが、

１、過去モードor標準モード？
２、tableの横幅設計？
３、body直下とtableの親要素による。

とりあえず、王道は {margin:0 auto;}
つまり、提示された例だと、
table.form{ border:1px solid #7777bb; border-collapse:collapse; margin: 1em auto 0;}

しかし、HTMLの構造や環境(過去モード＋IE)によっては無理。

tdが500pxなのに、それ以下の範囲でセンター配置は矛盾

一般的には、
標準モードにして、
body直下にdivを置いて そのdivを{margin:0 auto; width:○○;}とする。
（幅は100％以上になるとセンターにはならない法則）
その後、tableの配置をセンターにするか、左スペースをつくるかにもよる。

何種類かの方法があって、
「CSS　センター配置」で検索し、対応すると出来ますよ。

お礼

ご親切にありがとうございました。