[Steel]

Как сделать так, чтобы фон шаблона растягивался на всю страницу при просмотре страницы с большим содержимым?
У меня фоном служит PNG - картинка с разрешением 1600 на 1280, весом 2,56Мб

http://redprice-shop.ru/index.php?op...id=9&Itemid=55

[OKyJIucT]

Файл template.css. Найдите это

body {
line-height: 1.8;
background: #EFEFEF url('../images/main_bg.png') no-repeat center 0;
}

И замените no-repeat на repeat

Только не многовато это для фона - 2.5 мегабайта? На медленных соединениях грузиться будет долго

[TbIKBA]

Либо прописать background-repeat: repeat-y (фон будет повторяться по вертикали, а не растягиваться)
Либо засунуть весь сайт в контейнер с заданной шириной и высотой и прописатьдля картинки hieght 100% . Надо разбираться в частном случае

[OKyJIucT]

TbIKBA, такой вариант тоже подойдет, но для мониторов Уже 1600 пикселей. Мой вариант задает повтор по горизонтали и вертикали одновременно:)

[DarkAngel-163]

OKyJIucT, картинка не позволяет так сделать, будет всё "квадратно" выглядеть.

Решение? Или подобрать другую картинку, чтобы правая часть была так же продолжением левой, и тогда прописать repeat. Либо поискать в ПС скрипт, который в зависимости от разрешения экрана пользователя будет подгружать картинку различного разрешения. (соответственно необходимо сделать ресайз картинок различного разрешения)

[TbIKBA]

OKyJIucT, ты прав :) Только там не нужен повтор по вертикали на сколько я понял

[Steel]

OKyJIucT
Поменял на repeat, ни чего не изменилось.

TbIKBA
Прописал как Вы сказали(если я правильно понял)

body {
line-height:1.8;
background:#efefef url('../images/main_bg.png') background-repeat center 0; }

Фон перестал отображаться(стал белым)

[Steel]

Получилось растянуть, прописал:
background:#efefef url('../images/main_bg.png') no-repeat center center fixed; }

OKyJIucT
2,5 метра для фона и вправду многовато, иногда не сразу загружается.

Я уменьшил размер картинки до 90Кб, перевел PNG в JPEG. После этого сайт перестал видеть фон, хотя на денвере JPEG-фон нормально воспроизводится. Прищлось обратно в PNG переводить.
Как корректно уменьшить размер PNG файла, чтобы особо не страдало качество картинки и она по прежнему растягивалась на весь экран?

[Чеснок]

а вы на сайте не на денвере не забыли строку адреса картинки поменять (расширение)

[bumer]

Как корректно уменьшить размер PNG файла, чтобы особо не страдало качество картинки и она по прежнему растягивалась на весь экран?

В инете полно всяких сжималок для картинок, ImageResize бесплатная