пробовал оставлять просто одну строчку <img style="width:100%;" title="Агентство недвижимости Домашний очаг" alt="Агентство недвижимости Домашний очаг" src="/1.png"/> Но все равно таже ошибка
Блин. Вы перед тем как сайты делать хоть подучитесь маленько ... Приоритет правил CSS идет от заданных непосредственно в теле страницы или инлайновых. У вас прописано на блоке шапки сразу после body min-width:100%;position:relative; .
Почему не использована целиком сетка 960? Это что у вас за сайт мутант? Вы еще и сифон используете до сих пор когда CSS3 поддерживает font-face. Не представляю как вы это барахло будете оптимизировать под мобильные устройства.
Переверстайте пока не поздно под сетку https://1200px.com . Или другую так как 960 устарела.
Пользователь #438416, браузер какой? у меня только Safari щас под рукой и под 1600px экрана все более менее нормально. Сделайте как вариант max-width: 95% и посмотрите что поедет. Вообще так делать нельзя, как у вас.
p.s.: тьфу ... я думал там просто логотип - а это вся шапка :D не могу вам больше ничего посоветовать. так не делают если по хорошему совета хотите - вы с этим вариантом такого говна наедитесь ...
ну так так и надо было сразу уточнять. вы не сможете текущую версию шаблона адаптировать скорее всего. в хроме есть инструменты для проверки мобильности. но они не учитывают вечно отстающий и хромающий браузер базовый для андроид системы. тут вам придется самостоятельно ковыряться, но могу сразу сказать что такую шапку придется убирать. разберитесь с тегами viewport. если не сможете корректно настроить - просто выкиньте их.
ПО сабж:
.container_24 {width:960 px;}
Железобетонно заданная ширина. Класс и "фиксит" область просмотра, это не 100% и не auto.
<img style="width:100%;" title="Агентство недвижимости Домашний очаг" alt="Агентство недвижимости Домашний очаг" src="/1.png"/>
<div class="fontheadtop"><span>г. Калуга, ул. Театральная, д. 12, 3 этаж</span></div>
<div class="fontheadbuttom"><span>Телефон: +7 (4842) 21-21-17, +7 (910) 525-86-36</span></div>
</div>
<div class="menu2"> ... </div> Ошибка исчезает
Похоже шаблон вообще не предназначен для мобильных устройств.
Почему не использована целиком сетка 960? Это что у вас за сайт мутант? Вы еще и сифон используете до сих пор когда CSS3 поддерживает font-face. Не представляю как вы это барахло будете оптимизировать под мобильные устройства.
Переверстайте пока не поздно под сетку https://1200px.com . Или другую так как 960 устарела.
<img style="width:960px;" title="Агентство недвижимости Домашний очаг" alt="Агентство недвижимости Домашний очаг" src="/1.png"/>
</div> ошибка осталась
Зачем "изобретать велосипед". "Немобильных" шаблонов - поискать нужно сегодня. Вы нашли.
Я сторонник стандартных решений :) "Перепилить" шаблон можно, а смысл? Ничего интересного в представленном нет, "бороться" не за что.