Резиновый фон

[Буллет]

Здравствуйте. Постоянно при верстке возникает проблема, как сделать резиновый фон из нескольких картинок.

Допустим, мы имеем три картинки для шапки, например эти: 1, 2, 3. Также есть фон на сайте, такой.

Подскажите пожалуйста, как из всего этого сделать так, чтобы шапка была по центру сайта, и при просмотре её, допустим на разрешении 800x600, шапка обрезалась с обоих сторон, то бишь с левой и правой.

[psywalker]

А ты картинку позиционируй по центру.

[Буллет]

PS: У меня вот так получается.

А ты картинку позиционируй по центру.

Одну можно, а как три?

[psywalker]

А покажи вообще скриншоты того, как должно получиться и как не должно.

[Буллет]

Вот так не должно.

А как должно не могу показать, скажу, что шапка должна убираться с обоих краёв

[Gaspode]

Одну можно, а как три?

Боюсь спросить... а что мешает их склеить в одну?

[Softlink]

Одну можно, а как три?

Боюсь спросить... а что мешает их склеить в одну?

Скорее всего бг планируется затолкать не в боди, а в сам контейнер, у которого ширина наверное в районе 1000пк.

Выход все же сделать одну большую картинку для боди и запилить ее по центру. А вот тот синий фон затолкать в html.

Если такой вариант все же не устраивает, то можно сделать верхний блок отдельным от нижнего. Т.е. не в main. И разбить его на три части(скорее всего через float), соответственно в боковые затолкать обрезки фона, а в центр уже вашу картинку.

upd: В таких случаях иногда наблюдались баги при масштабировании сайта.

Edited August 19, 2011 by Softlink

[Буллет]

Одну можно, а как три?

Боюсь спросить... а что мешает их склеить в одну?

Потом ниже по сайту тоже будут картинки, которые больше чем 1000px и их в одно не запихаешь. Это я привел для примера.

Если такой вариант все же не устраивает, то можно сделать верхний блок отдельным от нижнего. Т.е. не в main. И разбить его на три части(скорее всего через float), соответственно в боковые затолкать обрезки фона, а в центр уже вашу картинку.

upd: В таких случаях иногда наблюдались баги при масштабировании сайта.

Какой-то непонятный метод.

PS: Вот сам шаблон и блок с контентом как раз 1000px и всякие выступы, которые там есть шире 1000, нужно скрывать с обоих сторон при просмотре сайта на малых разрешениях.

Edited August 19, 2011 by Буллет