詳細は下記のページソースを見ることになりますが、私はdivで指定している #header,#sidemenu,#infoのボックスを１つのボックスとして中央揃えをしたいと思ってます。しかしなかなか上手くいかないのでどなたかご教授お願いします。一応上記３つのボックスを新たにdivタグ（id指定）で囲んでセンタリングしてみましたがネスケとFirefoxは表示が変わらず、IEは#headerのボックスだけがセンタリングされてしまいました(HTML+CSSでのレイアウト) Top Page

３つのボックスを１つとして中央揃えするとき

解決済

質問者：beaper
質問日時：2006/07/21 14:30
回答数：2件

詳細は下記のページソースを見ることになりますが、私はdivで指定している
#header,#sidemenu,#infoのボックスを１つのボックスとして中央揃えをしたいと思ってます。しかしなかなか上手くいかないのでどなたかご教授お願いします。

一応上記３つのボックスを新たにdivタグ（id指定）で囲んでセンタリングしてみましたがネスケとFirefoxは表示が変わらず、IEは#headerのボックスだけがセンタリングされてしまいました(HTML+CSSでのレイアウト)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/transitional.dtd">

<html>
<head>
<meta http-equiv="Content-Language" content="ja">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>Top Page</title>
<style type="text/css">

</style>
</head>

<body>

<div id="header">
</div>

<div id="sidemenu">
</div>

<div id="info">
</div>

</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

No.1ベストアンサー

回答者： partita
回答日時：2006/07/21 14:46

#box {

text-align: center;
margin-left: auto;
margin-right: auto;
}

これを

#box {
margin-left: auto;
margin-right: auto;
width:800px;
}

にします。
text-align:center;
はインライン要素にしようするものだから、ここでは不要。
ブロック要素の中央揃えにwidthは必要です。