Как задать определенный размер и позицию фоновому изображению?

голоса: 0
Шаблон 1704. Как задать фоновому изображению такую же ширину как картинка в промо и чтобы вниз картинка повторялась по мере удлиннения страницы? И как задать позицию этого фона таким образом, чтобы фон был под картинкой промо, по середине?  (дублирую вопрос так как не пойму задал его или нет, спасибо)
Адрес сайта http://mk-vugl.at.ua
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ

В стилях найдите строку 52:

body.base{background: url(http://mk-vugl.at.ua/fon/Podlogka2.jpg);}

замените ее на:

body.base{background: url(/fon/Podlogka2.jpg)no-repeat 0%0%/cover fixed;}

| Автор:
Выбор ответа лучшим | | Автор: Методичний кабінет
Сделал, но фон всё-равно растягивается по бокам страницы, а мне нужно сделать так, чтобы фон заканчивался по ширине также как и шапка сайта и картинка из промо, а вокруг оставалось белое поле пустое. Скачал картинку из промо - там ширина 1280. Сделал такуюже ширину у картинки фона, но она всё-равно шире получается.
Методичний кабінет,
Очистите кеш в браузере https://ukit.com/ru/help/kak-ochistit-cahe уже все хорошо, просто вы кеш не очистили.
Yuri_Geruk,

Очистил, и ctrl+f5 многократно нажимал. Может я не правильно объяснил, что нужно. Но у меня это выглядит так сейчас, а нужно чтобы серый фон заканчивался там, где я красную линию провел, а за ней, то что я зелёным отметил должно быть просто без фона - белым. 

Методичний кабінет,

Минимально что можно, это стили выше замените на:

body.base{background: url(http://mk-vugl.at.ua/fon/Podlogka2.jpg)no-repeat 51.7%100% fixed;}

это минимум, в ином случае лишь перерисовать фото фона сдела его по центрунабелом фоне.

Yuri_Geruk,
Спасибо. Заменил. На ноутбуке всё-равно с фоном по краю отобажается, а на ПК с монитором по-больше стало так как нужно. Посмотрю на других мониторах, если что, то перерисую фон. А возможно ли сделать ширину создаваемых страниц чуть уже, если да, то где?
...