При уменьшении масштаба страницы верхняя ее часть уходит влево,не уменьшаясь

голоса: 0
<?if($PAGE_ID$='sitePage1')?>
<style>body {background:url(http://installight.net/menu/logo4.png);background-size:2000px 170px;background-repeat:no-repeat;font-size:16px;font-family:Tahoma,Geneva,sans-serif;color:#4f4f4f;}
Адрес сайта http://installight.net/
Закрыто с пометкой: Ответ получен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

Голоса: +1

Потому что это фон сайта, а не прописано изображение лишь для шапки например в виде:

<div class="shapka"><img src="ссылка на фото"></div>
Далее в стили можно было бы прописать:
.shapka img {max-width:100%;}
И фото бы уменьшалось, в вашем случае прописано следующее

body {
    background: url(http://installight.net/menu/logo4.png);
    background-size: 2000px 170px;
    background-repeat: no-repeat;
    font-size: 16px;
    font-family: Tahoma,Geneva,sans-serif;
    color: #4f4f4f;
}

здесь бы следовало изменить background-size: 2000px 170px; на background-size: 100%; В общем вам решать как поступить, переделать по первому способу или оставить как есть.

| Автор:

Так почему шапка в нижней части сайта, она должна же быть в верхней, установили ее в футер и удивляетесь почему она там, нужно в верхнюю часть сайта http://installight.net/panel/?a=tmpl;m=1;t=AHEADER .

Или же в каждой странице шаблоне внутри класса cassing:

<div id="casing"><div class="shapka"><img src="http://installight.net/menu/logo4.png"></div>

Yuri_Geruk,
я уже понял..огромное спасибо!)
Yuri_Geruk,
сделал как сказали,все работает , но теперь при прросмотре на телефоне,или при увеличении масштаба верх сайта переходит вниз,под товар ... подскажите пожалуйста
Ed edmondo,
У вас адаптивный дизайн из-за этого и переносится, за подгонкой дизайна под свои потребности, обращайтесь к автору шаблона или к фрилансерам.
Yuri_Geruk,

понял.спасибо

...