http - 幅が 1280px より大きい場合のサイド フィル

Question

すべての幅 (使用可能なスペース) が 1280px 以下で、すべての幅が 1280 ピクセルより大きい場合は、ページ幅を 100% 埋める Web サイトを作成したいと考えています。 .

（どのように）スクリプトなしでこれを行うことができますか? （CSS設定を使用して？）

Answer 1

次のようなものを使用できます。

#content {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}

divこれは、ページのすべてのコンテンツを含む に適用されるスタイルを指します。

あなたの「サイドバー」は背景が何であれbody。

Answer 2

「塗りつぶし」ビットにコンテンツが必要ですか、それとも単なる境界線タイプのものですか? 境界線だけの場合は、背景画像/色を使用して塗りつぶし効果を作成し、メイン コンテンツ ビットで max-width を使用できます。それが重要な場合は、IE6 では動作しないことに注意してください。

<div style="max-width: (bar width * 2) + 1280">

    <div style="max-width: 1280px">

        <!-- content -->

    </div>

</div>