CSSでレイアウトしたがCENTERが効かない

[新着] Webテンプレートを仮オープンしました



0   名前: おりゃぁぁぁぁ : 2005/05/08 09:31  [URL
TABLEタグを使わないでCSSだけでレイアウトしたページを作って
みたのですが、BODYの次にCENTERタグを使っているのに無効化され
左に寄ってしまいます。どうすればセンターに位置付けできるのでしょうか?

http://dbp.cool.ne.jp/のトップページです。Yahoo!USAは見たんですが
CSSが複雑で、よくわかりませんでした。

Thanks

1   名前: phpinfo() : 2005/05/08 09:31
body { margin-left: auto;
margin-right: auto; }
でどうですか?

2   名前: ユゥ : 2005/05/08 09:31
body{margin:auto;}
だけでいいと思います

3   名前: おりゃぁぁぁぁ : 2005/05/08 09:31  [URL
どちらとも、うまくいきませんでした

4   名前: tk : 2005/05/08 09:31
position:absolute;
ってなっているのがちょっと気になるんですが・・・
position:relative;
にしてみててはどうでしょう。

5   名前: naka@sukiero : 2005/05/08 09:31
position:absolute; で固定しているんだから、
動かなくて当然では?

6   名前: おりゃぁぁぁぁ : 2005/05/08 09:31
position:relative; にして相対位置を合わせたんですが、Firefoxでは
レイアウトが崩れてしまいました。
http://dbp.cool.ne.jp/index7.html

どういう裏技を駆使すればいいでしょうか?

7   名前: arc : 2005/05/08 09:31
position指定するなと。
text-align:center と margin:auto で指定。
<body>か<body>直下のブロック要素(<div>)タグに指定すればいいかと。

8   名前: おりゃぁぁぁぁ : 2005/05/08 09:31  [URL
解決しました。

詳細
http://michishigesayumi.main.jp/blog/index.php?mode=show&UID=1115342771

いまはXHTML+CSS&WEB標準化の状態になっています。

9   名前: arc : 2005/05/08 09:31
見直した方がいいと思う。
http://openlab.ring.gr.jp/k16/htmllint/htmllinte.html
http://jigsaw.w3.org/css-validator/validator-uri.html

10   名前: おりゃぁぁぁぁ : 2005/05/08 09:31  [URL
これでいい。IE6とFFで正常に表示できればいいから。
ありがとうございました。REFタグはネットラジオおりゃ用の専用タグです。

他のページは
http://www.cssdev.com/resources.php
のテンプレートを見ながら作る事にします。

一覧へ戻る