Question

Здравствуйте, помогите решить проблему с некорректным отображением изображения верхней части сайта. На экране монитора "шапка сайта" вытягивается по всей его ширине, от чего значительно ухудшается качество картинки и внешний вид сайта. Можно ли исправить эту проблему, сделав размеры по границам полей сайта, а не монитора? Спасибо  Ссылка на "Изображене монитора" https://yadi.sk/i/T-K35jATQq1Mig

Answer 1

Поправьте в стилях строку 32:

.h_header_bg {background:url('/img/school_7.png') center 0px no-repeat;background-size: cover;position:static;}

красное замените на 100% станет немного лучше. У вас дизайн не адаптивен и чтобы сделать полную адаптивност ь шапки нужно менять шаблон на адаптивный.

В идеале, строку 32 лучше заменить на:

.h_header_bg {width: 1000px;height: 305px;margin: 0 auto;background:url('/img/school_7.png') center 0px no-repeat;background-size: 100%;position:static;}

так будет лучше http://joxi.ru/KAggKxycXg0O8A