右揃えの背景画像がボディの最小幅に従いません

Question

右手の列でレイアウトを作成しました。ブラウザビューポート全体を高さ方向に埋めるために、偽の列の背景を追加しました。 bodyタグの最小幅は1024pxですが、ブラウザのサイズをそれ以下に変更するとレイアウト全体がさらに縮小することはありませんが、背景は引き続きブラウザのビューポートに従います。これを防ぐ方法を教えてください。

間違った

：正しい

：

CSS：

body { 
    color:#1a1a1a; 
    background:#fafafa; 
    font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; 
    min-width: 1024px; 
    } 
    div#page-container { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -42px; 
    } 
    .sidebar-right { 
    background: url(/bundles/backomaticcp/img/sidebar-bg-r.gif) repeat-y right; 
    } 

は、事前にありがとうございます。

Answer 1

したがって、私は "ページ"のIDを持つdivを持ち、div＃page-container内にあり、バックグラウンドを継承しています。私がしなければならなかったのは、div＃ページのバックグラウンドをnoneに設定して、すべてうまくいきました。