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