[Ликбез]

Форма входа
Логин:
Пароль:

Меню сайта


Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать... » Дизайн # 1101 - глюк шаблона на маленьких экранах.

Дизайн # 1101 - глюк шаблона на маленьких экранах.
[1] PuerMAN [15.07.2014, 14:29]
Опишу коротко, попросили сделать простенький сайт. Выбрал этот шаблон. Все отлично в целом. Но вот на нетбуках и небольших экранах начиная от 673 до 763 первый контейнер наплывал на футер. Я уже не знал что делать, вообще не понятно почему все в "смяточку" в инете покапался пусто.
---------------------------
---------------------------
Пишу в поддержку:

Доброго времени, у меня на нетбуке некорректно отображается карта гугл блок с картой встает по центру. Может быть как то его отключить системным кодом чтобы на небольших экранах он не отображался. Системный код такой я не нашел, подскажите что делать?
Ответ: Здравствуйте!

Стандартными средствами системы определить расширение экрана не предоставляется возможным. Но, Вы можете определить его с помощью скрипов.
Для разработки, установки, редактирования или адаптации скриптов для сайта, Вы можете привлечь любого стороннего исполнителя.
Большой список фрилансеров и дизайн-студий, работающих с системой uCoz, Вы можете найти на сайте http://partner.ucoz.ru/

Для того, чтобы карта не выводилась по центру Вы можете зайти в Панель управления сайтом - Дизайн - Управление дизайном (шаблоны) - Глобальные блоки - Первый контейнер и строку №4
Code
<div class="blockcontent">

заменить на такую
Code
<div class="blockcontent" style="float: left;>

--------
Все равно, все в кучу складывается. Теперь все блоки между собой сливаются. Что делать?
Ответ: Здравствуйте!

Попробуйте для блока, в котором находится карта, добавить дополнительный произвольный класс, а с помощью стиля обратиться к этому классу и скрыть блок при определенной ширине экрана.

Например вы добавите класс ourmap - http://clip2net.com/s/iwksqK
Код стиля:
Code
@media screen and (min-width:600px) {
.ourmap iframe {display:none !important; }
}
В данном случае блок с картой не будет отображаться на дисплеях с указанной шириной - http://clip2net.com/s/iwkuUc
Подробнее можно ознакомиться в учебнике - http://htmlbook.ru/css/value/media

-----------------
-----------------

Не помогло, да и отключать не хотелось правый блок. И тут осенило.... только не смейтесь)))

В футер (нижняя часть сайта) добавить в самый низ <div></div> И все вуаля работает.

До....

После...


В итоге правый контейнер встал над футером, не понятно почему.

Добавлено (15.07.2014, 14:29)
---------------------------------------------
Вот прикол, рано порадовался... Опять не работает. Сделал бекап шаблона, потом снова восстановил и снова не пашет хотя дивы на месте.

Прикрепления: 1716422.png (42.9 Kb) · 8528472.png (13.9 Kb)
[2] likbezz [29.07.2014, 10:05]
PuerMAN,
Цитата PuerMAN, Вт, 15.07.2014, 14:29:28
Вот прикол, рано порадовался... Опять не работает.

Ссылку на сайт предоставьте и скриншот как есть и как нужно


Полная версия сайта