Question

Подскажите, как растянуть задний фон, чтобы и на широких мониторах (в частности на 23-х дюймовом) была одна картинка, а не множилась. Ширины самой картинки сейчас более чем достаточно, взяла с большим запасом. У нас на сайте несколько задних фонов, широкая картинка стоит в частности на следующей странице: http://iad-cole.3dn.ru/forum/2. Справа вижу, что идет дубляж, но на более маленьких экранах все ок.

Answer 1

В таблице стилей CSS найдите строку номер 3 и замените на:

body {
 margin: 0px;
 background: url(http://iad-cole.3dn.ru/Images/20150119212708564_2.jpg); 
 background-attachment: fixed;
 background-size: 100%;
 font: 13px 'Arial';
 color: #885305;
 text-align: center;
}

Как видите, я добавил параметр - background-size: 100%; он должен помочь в подстройке фона под большие разрешения.

Comments

Спасибо, теперь все отлично!

Answer 2

Или так...

body {
background: url("http://iad-cole.3dn.ru/Images/20150119212708564_2.jpg") 0% 0%/100% no-repeat fixed;
color: #885305;
font: 13px "Arial";
margin: 0px;
text-align: center;
}