html - CSS と HTML の背景によってコンテンツが左に押し出される

Question

私のhtmlには次の構造があります。

<div class="christmas_footer_wrapper">
    <div class="christmas_footer">
        <div class="christmas_bottom">
            <h1><span class="christmas_titles otherlink"></span></h1>
        </div>
    </div>
</div>

CSS:

.christmas_footer_wrapper{
    margin:225px auto 0 auto;
    clear:both;
    width:100%;
    height:auto;
    background-color:#000000;
}
.christmas_footer{
    margin:0px auto;
    padding:0px;
    background-image:url("images/footer.jpg");
    background-repeat:repeat-y;
    min-height:281px;
    width:1261px;
}
.christmas_bottom{
    width:1000px;
    margin:0px auto;
    padding:0px;
}

問題は、私の背景画像があるので1261px、幅を1261pxy 軸で繰り返すように設定したことです。

ズームインすると画面が小さくなり1261px、コンテンツが右に押し出されます。

100%ここで、幅を左に設定し、x 軸で繰り返し、中央にとどまらないように、この問題を回避する方法を知りたいと思います。

この問題を分類する方法を知っている人はいますか?

前もって感謝します。

Answer 1

background-position:center;

そのすべて