Фон выходит за пределы экрана, как поправить?

Question

[Римский]

Здравствуйте.

Есть сайт.

При изменении размера экрана вот этот фон skrinshoter.ru/s/100320/sPRmT5hE выходит за пределы экрана. Как поправить?

Перепробовал разные варианты, ничего не придумал. Фон должен находиться именно так, что ограничивает варианты его иначе разместить.

Заранее спасибо.

Comments

[ThunderCat]

В шапке у вас фон имеет нормальное поведение, что мешает сделать абсолютно так же?

[Дмитрий]

Вылезает.
Не "вылазит".

[Римский]

Дмитрий, Благодярю

[Римский]

ThunderCat, в шапке просто background, а в этой секции фон должен перекрыть частично секцию выше и подвал поэтому просто его разместить не получается.

[ThunderCat]

Дмитрий,

Вылезает. Не "вылазит".

Благодярю

Плакал....

[ThunderCat]

Виталий, то есть вставить в него верхнюю секцию и футер и разместить позиционированием по вертикали никак?

[frontend queen]

Виталий, если фон должен залезть на две секции, то можно эти две секции в одну обертку, и ей уже сам фон задавать

Answer 1

[Георгий Котов]

Присоединяюсь к frontend queen, что картинка в футере - странно. На скрине вариант вёрстки:

Comments

[Римский]

Благодарю, сейчас попробую. Думаю ваш вариант решит проблему т.к. я тоже так делал но не задавал позиционирование контейнеру, через доп класс сделать попробую.

Answer 2

[frontend queen]

для начала, переместить bg-section в свою секцию, а там уже ей добавить overflow: hidden
неясно, зачем ты позиционируешь относительно футера

Comments

[Римский]

Пробовал в секцию выше его поставить и применял overflow: hidden но не помогло, видимо где-то ошибался.

[frontend queen]

Виталий, залей на песочницу две секции и стили к ним, поправлю

Answer 3

[ThunderCat]

background-position: top 0 right -301px;