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

Страница 1 из 11
Модератор форума: likbezz 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Дизайн # 1101 - глюк шаблона на маленьких экранах. (Глюченый шаблон - как исправить...)
Дизайн # 1101 - глюк шаблона на маленьких экранах.
Дата: Вторник, 15.07.2014, 14:29 |
PuerMAN
Сержант
Группа: Проверенные
Сообщений: 30
Награды: 0
Репутация: 0
Статус: Offline


Опишу коротко, попросили сделать простенький сайт. Выбрал этот шаблон. Все отлично в целом. Но вот на нетбуках и небольших экранах начиная от 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(43Kb) · 8528472.png(14Kb)

 
Дата: Вторник, 29.07.2014, 10:05 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9095
Награды: 23
Репутация: 457
Статус: Unknown


PuerMAN,
Цитата PuerMAN, Вт, 15.07.2014, 14:29:28
Вот прикол, рано порадовался... Опять не работает.

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


 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Дизайн # 1101 - глюк шаблона на маленьких экранах. (Глюченый шаблон - как исправить...)
Страница 1 из 11
Поиск: