すべての幅 (使用可能なスペース) が 1280px 以下で、すべての幅が 1280 ピクセルより大きい場合は、ページ幅を 100% 埋める Web サイトを作成したいと考えています。 .
(どのように)スクリプトなしでこれを行うことができますか? (CSS設定を使用して?)
次のようなものを使用できます。
#content {
max-width: 1280px;
width: 100%;
margin: 0 auto;
}
div
これは、ページのすべてのコンテンツを含む に適用されるスタイルを指します。
あなたの「サイドバー」は背景が何であれbody
。
「塗りつぶし」ビットにコンテンツが必要ですか、それとも単なる境界線タイプのものですか? 境界線だけの場合は、背景画像/色を使用して塗りつぶし効果を作成し、メイン コンテンツ ビットで max-width を使用できます。それが重要な場合は、IE6 では動作しないことに注意してください。
<div style="max-width: (bar width * 2) + 1280">
<div style="max-width: 1280px">
<!-- content -->
</div>
</div>