Суббота 01.02.2025 13:50 Приветствую Вас Гость

«Главная» «Регистрация» «Поиск» «Вход» «RSS» «PDA»

[ Новые сообщения · Участники · Правила форума · Поиск по форуму · Поиск по сайту ]Форум аццкого кодера

Фильтр по:

Дизайн # 1101 - глюк шаблона на маленьких экранах.

Как сделать...

Страница 1 из 1 1
Модератор форума: likbezz

Дизайн # 1101 - глюк шаблона на маленьких экранах. (Глюченый шаблон - как исправить...)

PuerMAN

2014-07-15Дата: Вторник, 15.07.2014, 14:29 | Сообщение # 1

Сержант

Группа: Проверенные

Сообщений: 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 (42.9 Kb) · 8528472.png (13.9 Kb)