На квадратных мониторах дублируется картинка на заднем фоне, возможно ли это исправить?

голоса: 0

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

Адрес сайта http://iad-cole.3dn.ru/
| Автор: | Категория: Дизайн сайта

Ответов: 1

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

Попробуйте в таблице стилей строка номер 18, заменить стили на:

body {
 margin: 0px; 
 font: 13px 'Arial';
 color: #885305;
 text-align: center;
 background: url(http://iad-cole.3dn.ru/img/fon/fon_likan_fiol.png)no-repeat fixed;
 background-size: cover;
}
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Стало лучше, но, к сожалению, обрезалась правая сторона картинки. Таким образом, она не встала корректно на квадратном экране.
Выход с вашей ситуации следующий, для огромных разрешений создавать отдельное изображение фона соответствующих размеров, которое с помощью условий media - http://htmlbook.ru/css/media прописать в стилях.

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