幅」を800ピクセルに設定したdiv
タグがあります。ブラウザの幅が800ピクセルより大きい場合、div
を引き伸ばすのではなく、ページの中央に寄せるようにしてください。
1.中央に配置したいのは、縦か横のどちらかということですか?高さ」を800ピクセルに指定して、「幅」がそれより大きいときにはdivが伸びないようにしたいとのことですが...。
2.水平方向にセンタリングするには、CSSのmargin: auto;
属性を使用します。また、body
やhtml
の要素にマージンやパディングがないことを確認する必要があります。
html, body { margin: 0; padding: 0; }
#centeredDiv { margin-right: auto; margin-left: auto; width: 800px; }
Internet Explorer 6でも正常に動作させるためには、以下のようにする必要があります。
HTML
<body>
<div class="centered">
centered content
</div>
</body>
CSS
body {
margin: 0;
padding: 0;
text-align: center; /* !!! */
}
.centered {
margin: 0 auto;
text-align: left;
width: 800px;
}