CSS - содержимое переполняет фоновое изображение

Question

У меня есть центральное фоновое изображение на моем теле тега.Когда мой сайт развернут, все выглядит как-то найти, но для начала окно моего браузера становится меньше, а в нижней части появляется полоса прокрутки, когда я прокручиваю содержимое, переполняющее фоновое изображение.Я пытался сделать все, чтобы изображение было в центре, несмотря ни на что, но, похоже, оно не работает.У кого-нибудь есть идеи?Мой CSS для фонового изображения таков:

body {
        background: #EDEDED url(../images/bg-y.png) repeat-y center; 
        font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
        color:#000000;
}

У меня есть пример живого сайта на http://www.theprizeshark.com, чтобы вы могли видеть, что он делает.Просто сделайте окно браузера маленьким, а затем прокрутите вправо, и вы увидите, что содержимое переполнено.Спасибо за любую помощь!

Answer 1

Похоже, что добавление background-attachment: fixed к тегу body решило проблему. Поскольку вы используете сокращение, вы можете просто добавить fixed в ваше объявление background.

Answer 2

Сделайте обертку для вашего wrapper и поместите туда свой фон.

<div style="[bg image width]; margin:auto; background:url([bg image url]) repeat-y;">
    <div id="wrapper">
    </div>
</div>