テーブルタグを一切使わないでCSSだけで

IE・Firefox両方とも正しく見れる方法

http://dbp.cool.ne.jp
このサイトが左寄りになってるのを
中央にしたいのです。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/05/06 05:13:23
  • 終了:--

回答(3件)

id:antennauser No.1

antennauser回答回数48ベストアンサー獲得回数02005/05/06 07:40:07

ポイント5pt

cssで<div class=”centerbody”>に対して

text-align:center;を指定してあげればOKですよ。


つまりdiv.centerdoby{text-align:center;}とcssに記述

してあげればOKということです。

id:oryaaaaa

すでに

div.centerbody {

text-align: center;

}

指定してあるのですけど、ダメなんです。

2005/05/06 09:32:49
id:jouno No.2

jouno回答回数280ベストアンサー獲得回数02005/05/06 07:46:51

ポイント30pt

position:absoluteで指定しているのが主な原因です。

絶対位置指定をすべてはずして、div.menu とdiv.center

とdiv.prにfloat:left;を追加します。

で、つぎに

div.centerbody{

margin-left:100px;

margin-right:auto;

width:760px;

}

とします。moz系だけならmargin-left:autoなのですが、IEでは有効ではないので、100pxにしました。画面の横幅のpixelを仮定していいならこの値はもうちょっと厳密に出せると思います。

http://css.webmeister-jp.com/tips/table2div.php

テーブルを使わずにCSSでいこう

id:oryaaaaa

ありがとうございます。

試してみましたが800x600でNGとなり

何の為に800x600に合わせてレイアウトを決めているのか無意味になってしまいます。

centerbodyを取りやめて div align=centerにすると

ヘッダーの画像はセンタリングするのですが、その下の3列が

IE・FF共に無視されます。

2005/05/06 10:11:26
id:antennauser No.3

antennauser回答回数48ベストアンサー獲得回数02005/05/06 10:31:52

ポイント100pt

http://www.mozilla.gr.jp/standards/webtips0004.html

ブロックレベル要素をセンタリングする方法 - Web標準普及プロジェクト

ここでは説明がちょっと長くなりそうなのでうちのブログに来てください。内容はリンク先のものです。

2番目がうちのブログです。

id:oryaaaaa

ありがとうございます。参考になりました。

2番目のブログにMozillaJapanスタッフの方による

WEB標準化の見本を載せました。本には載ってな

い実用例なので勉強になります。

2005/05/07 16:50:25

コメントはまだありません

この質問への反応(ブックマークコメント)

トラックバック

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません