掲示板/スタイルシート質問板/過去ログ/一覧/ 全体を真ん中に

0 名前：十： 2006/09/08（金） 12:13 ID:R4s60O8A: 【何をしたいのか】
ブログ全体の位置を真ん中にしたい。

【現在の状況】
ブログのスタイルシートをいじったところ、全体が左寄りになってしまいました。

【何をしてみたのか】
　下の◎の部分の数字を、自分のPCで見て真ん中にくるように変えたのですが、他のPCで見ると真ん中になっていないみたいです。
　　
body {
font-family: Arial, Helvetica, sans-serif;
background-image:url(http://****.*****.gif);
margin:◎px;
padding:0px;

　初心者で申し訳ないのですが、分かる方いましたら教えていただけるとうれしいです。
　よろしくお願いします。

1 名前： sevi- ： 2006/09/08（金） 12:13 ID:PQukhZTw: うーん.こうとかしてみてはどうか.
bodyの直接の子要素のみセンタリングされるようになると思うのだが.

body > *
{
margin:auto;
}

2 名前：十： 2006/09/08（金） 12:13 ID:R4s60O8A: ありがとうございます！

やってみたのですが、私の配置の仕方がいけないのか、ダメでした。

お手数おかけしてしまい申し訳ありません。

3 名前： カヅサツ ◆ThCi95HEzw ： 2006/09/08（金） 12:13 ［URL］ ID:O5hEMlpW: 該当のページのURLがわかれば、検証できるかもしれません

4 名前：匿名： 2006/09/08（金） 12:13 ［URL］ ID:OhXXDcv6: レスありがとうございます。

sevi-さんに教えていただいた方法は、

body {
font-family: Arial, Helvetica, sans-serif;
background-image:url(http://****.****.gif);
margin:auto;
}

こんな感じでやってみたのですが、私の配置がおかしいのだと思うのですがうまくいきませんでした。

http://a-thera.com/ここのいくつかのテンプレートを組み合わせてプレビューしながら適当にスタイルシートをいじってしまったので、ほかのいじっていないテンプレートと見比べながら、再度いじってみて、今はこんな風になっています。

body {
font-family: Arial, Helvetica, sans-serif;
text-align:center;
padding:0px;
margin:0px;
background-image:url(http://****.****.gif);
}

分かりずらい文章で申し訳ないのですが、よろしくお願い致します。

5 名前：神崎： 2006/09/08（金） 12:13 ID:9Eg6J53r

検証しているブラウザはなんですか？
IEの場合は、DOCTYPEがURLまで書かれていないと、margin:auto;でのセンタリングは出来ません。

DOCTYPEが書かれていないのであれば、

body{
text-align:center;
}
body>*{
margin: auto;
}

と２つ指定してみて下さい。

body>*
このセレクタはIE5.5以前では未対応ですので、MacIEではセンタリング出来ないと思います。
もし対応させるなら
HTMLが
<body>
<p class="contents">本文</p>
</body>
となっている場合は

.contents{
margin:auto;
}

を入れると出来ると思います。

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

6 名前： カヅサツ ◆ThCi95HEzw ： 2006/09/08（金） 12:13 ［URL］ ID:O5hEMlpW: http://lotus-romantica.a-thera.jp/ を拝見しましたが、Windows版 Internet Explorer 6.0、 Opera 9.0、Firefox 1.5 で「ブログ全体の位置」は真ん中になっているように見えます。