ｃｓｓについて

質問

HTML初心者で困ってます。
cssで
body {
　　　　text-align: center;
｝
としてレイアウトを中心に表示したのですが、InternetExplorer８で
見ると左寄せになってしまいます。
InternetExplorer６、７では普通に中心になるのですが・・・
どなたか教えてください。

回答No.6

po-pe-tian

no.5です。
勘違いしました。
div要素の中のセンタリングを解除したいのではないのですね・・・。
特定のdiv要素だけをセンタリングしたいのであれば、クラスセレクタを使えばできます。
例えばCSSでは以下のように記述。
div.center {
width: 80%;
margin-right: auto;
margin-left: auto;
}

HTMLではセンタリングさせたいdiv要素を以下のように記述
<div class="center">文章等<div>

参考URL：

http://www.marguerite.jp/Nihongo/WWW/RefCSS/_class.html

お礼

大変ありがとうございました。

補足

すごいです。お見事です。やっと希望通りのレイアウトになりました。
大変ありがとうございました。

回答No.5

po-pe-tian

下記のようにdiv要素に、text-align:left;を指定しましょう。

div {
width: 80%;
margin-right: auto;
margin-left: auto;
text-align: left;
}

参考URL：

http://nagomin0123.web.fc2.com/centering/m_centering.html

回答No.4

yosoho

なら、「padding」追加でどうでしょう。

body {
margin-right: auto;
margin-left: auto;
text-align: center;
padding: 0px;
}

補足

すみません。これは中央になりませんでした。

回答No.3

warez

body 以下の div などを中央に配置したいのであれば、長さを指定する必要があります。

div {
width: 80%;
margin-right: auto;
margin-left: auto;
}

補足

このソースでレイアウトは中央になりました。
ところが、<div>タグを使っている箇所が全部中央よりになってしまいます。
これはどうすればいいでしょうか？

回答No.2

omeletto

どうもIE8では、text-align: centerでレイアウトが中央にはならないようになっています。

よって、
body {
text-align: center;
margin: auto;
}
とする必要があります。

なお、text-align: center;を外すと、今度はIE5.5以下ではレイアウトが中央に表示されなくなるので注意が必要です。

補足

早速の回答ありがとうございます。
ご指摘の通りbody {
text-align: center;
margin: auto;
}
とbody {
text-align: center;
margin-right: auto;
margin-left: auto;
}
どちろをやっても中央になりません。
何が悪いんでしょうか？

回答No.1

yosoho

テキストはセンターのままですよね・・・・

body {
　　　　text-align: center;
　　　　margin-right: auto;
　　　　margin-left: auto;
｝

で、どうでしょう。