HTML初心者で困ってます。
cssで
body {
    text-align: center;

としてレイアウトを中心に表示したのですが、InternetExplorer8で
見ると左寄せになってしまいます。
InternetExplorer6、7では普通に中心になるのですが・・・
どなたか教えてください。

A 回答 (6件)

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/_cla …

この回答への補足

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

補足日時:2009/05/26 00:15
    • good
    • 0
この回答へのお礼

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

お礼日時:2009/05/26 21:33

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



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

参考URL:http://nagomin0123.web.fc2.com/centering/m_cente …
    • good
    • 0

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



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

この回答への補足

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

補足日時:2009/05/25 23:13
    • good
    • 0

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



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

この回答への補足

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

補足日時:2009/05/25 23:04
    • good
    • 0

どうも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;
}
どちろをやっても中央になりません。
何が悪いんでしょうか?

補足日時:2009/05/25 21:48
    • good
    • 0

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



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


で、どうでしょう。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング