次の状況で、背景を水平方向に中央揃えしようとすると問題が発生します。
- 背景が大きく、水平方向に中央揃えにする必要があります
- ページの最小幅は 960 ピクセルで、小さい画面ではスクロールバーが必要です。
だから私はこれを行うことにしました(疑似コード):
<bg-div> # this will contain the background image with "center center no-repeat" option
<content-div> # this will be 960px margin 0 auto
</content-div>
</bg-div>
実際の例: http://jsfiddle.net/CtMRt/4/
問題: 解像度が 960px 未満の場合、背景は中央に配置されなくなりますが、ページの右側に白い隙間ができ、背景が中央に配置されたままになります。どうすればこのような問題を解決できますか?
ご感想ありがとうございます