0

コンテナの背景に問題があります。スクロールバーがある場合、コンテンツと背景の間にギャップがあります。スクロールバーがなくても問題ありません。

キャプチャー

これは、背景がウィンドウ全体(スクロールバーを含む)の中央に配置され、コンテンツがマージンの中央に配置されているためだと思います。(スクロールバーは含まれていません)。

これが私のCSSコードです...

#container{
    background-image:url('../img/container.png');
    background-attachment:fixed;
    background-position:top center;
    background-repeat:no-repeat;
    margin:0 auto;
    width:900px;
    padding:0 37px;
    padding-bottom:25px;
    }

15pxの左側にパディングを追加しようとしましたが、機能しますが、スクロールバーがない場合は、中央に配置されなくなります。背景が固定されていない場合も機能しますが、固定しておく必要があります...

この問題を解決するための解決策はありますか?

4

2 に答える 2

0

うーん。代わりに HTML/CSS で背景ボックスを作成できませんか? これにより、ポジショニングがすべて一貫していることが保証されます。

于 2012-06-11T08:20:22.320 に答える
0

これは間違っています

background-position:top center;

最初の値は水平位置で、2 番目の値は垂直位置です。

CSS の background-position プロパティ

を使用してコードを修正します。

background-position:center top;
于 2012-06-11T10:13:48.917 に答える