XHTMLでテーブルを使わずに中央表示させる方法を教えてください。

解決済

質問者：BOTTEGA_V
質問日時：2007/09/19 03:57
回答数：1件

はじめまして。
CSS初心者で勉強中なんですが、タイトルにあるテーブルを使わずにCSSのみでブラウザで中央表示させる方法がわかりません。
といいますか、テーブルはまともに使ったことが無いのでテーブルでのやり方もわからないのですが・・・

できればCSSのみで中央表示させたいと考えているのですが、どうすればできるのでしょうか？

過去ログでに多様な質問があったのですが、僕の知識ではわからなく改めてこちらで質問させていただきました。

どうかよろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： muzirusi
回答日時：2007/09/19 04:26

出来るだけ分かりやすく書きます。

中央表示させたい一番大きな囲みに対して
○○○ { margin : auto ; }
これで真ん中です。
ただこれだと古いエクスプローラにバグが出てしまいます。

ここから分かりにくくなります。
分からないときは上の物のみ使って下さい。
bodyタグのソースの下にもうひとつ大きな囲いを作ります。
例　HTML
<body>
<div id="content">
ここにはいるのが内容ソース
</div>
</body>

例　CSS
body { text-align : center ; }
#content { text-align : left ; margin : auto ; }

これで古いエクスプローラも対応できます。
例のCSSにはサイズなどは入れていないので任意で指定してあげて下さい。英語のスペル間違えてたら笑って下さい。