X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Мобильные версия сайта и fixed bottom, сайт на bootstrap
Яков_Деменьтев
Яков_Деменьтев
Topic Starter сообщение 30.8.2016, 13:18; Ответить: Яков_Деменьтев
Сообщение #1


Здравствуйте!

Столкнулся с проблемой. Сверстал полностью сайт. Всё в нём хорошо. у меня есть баннер, который имеет position fixed, bottom 0, width 100%. Всё валидное. Но когда открываю в мобильном, этот баннер при вертикальном просмотре вываливается на половину за экран, а при горизонтальном по высоте отображается нормально, а зато справа выезжает за размеры экрана по ширине. Иногда эти проблемы отображаются одновременно, из-за чего и как я этого добивался, я так и не понял, просто обновлял. И я и так и эдак пробовал найти проблему, удалял код страницы по кускам, но проблема осталась. Каркас использовал bootstrap. Может кто-что умное подскажет, как хотя бы на компе сэмулировать браузер чтобы ошибку найти в коде. Потому что если я беру расширение под google chrome Window Resizer и выставляю параметры мобильного - он показывает всё нормально, проблем вроде нет. Но на телефоне у меня то, что я описал выше. Спасибо!

upd. С тем что по высоте выпадал решил пересчётом высоты экрана и задал вместо bottom 0 отступ по top. Сейчас ещё Так же с шириной попробую.

upd. Может быть кому-то пригодится. Нашёл проблему. Значит bottom 0 отлично работает не надо ничего вычислять. Проблема была в alert'e, который я вставил в section. Внутри него был список со ссылками, и они рушили всю структуру сайта. Не знаю как конкретно и почему, но сократил ссылки в списке и проблема решилась. Такие дела.

Сообщение отредактировал Яков_Деменьтев - 30.8.2016, 12:11
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
falken
falken
сообщение 30.8.2016, 13:31; Ответить: falken
Сообщение #2


Яков_Деменьтев, донора покажите.


--------------------
🗹 Быстрый и надежный хостинг от 135 рублей
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Яков_Деменьтев
Яков_Деменьтев
Topic Starter сообщение 30.8.2016, 13:56; Ответить: Яков_Деменьтев
Сообщение #3


falken, это сайт заказчика. Мог бы сайт показать - уже бы показал. Но тематика очень узкая, явно не обрадуется, если покажу. Вот как выглядел проблемный кусок кода:
Код
<section class="alert alert-info">
<h2><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> Примеры выполненной работы:</h2>
     <ul>
         <li><a href="http://xxx.ru/forum/thread/tvoya-podruzhka-v-kompyuternoj-klassifikacii" rel="nofollow" target="blanc">http://xxx.ru/forum/thread/tvoya-podruzhka-v-kompyuternoj-klassifikacii</a></li>
         <li><a href="http://www.xxx.ru/communication/index.php?thread/chto-dolzhna-uspet-za-leto-kazhdaya-devushka----a-ty-kak-dumaesh" rel="nofollow" target="blanc">http://www.xxx.ru/communication/index.php?thread/chto-dolzhna-uspet-za-leto-kazhdaya-devushka----a-ty-kak-dumaesh</a></li>
         <li><a href="http://xxx.ru/vesti/privyshenie-polnamochij-moderatorov" rel="nofollow" target="blanc">http://xxx.ru/vesti/privyshenie-polnamochij-moderatorov</a></li>
         <li><a href="http://xxx.com/index.php/forum/thread/na-chto-pri-znakomstve-s-chelovekom-vy-v-pervuyu-ochered-obraschajte-vnimanie" rel="nofollow" target="blanc">http://xxx.com/index.php/forum/thread/na-chto-pri-znakomstve-s-chelovekom-vy-v-pervuyu-ochered-obraschajte-vnimanie</a></li>
      </ul>
</section>

Сделал ссылки анкорными и проблема решилась

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


Сообщение отредактировал Яков_Деменьтев - 30.8.2016, 13:56
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Какой % отказов нормален для сайта?
14 Aloof 3376 Вчера, 13:50
автор: Vmir
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыБыстрая индексация страниц сайта и обратных ссылок - 2Index
39 2Index 6724 22.4.2024, 16:16
автор: 2Index
Открытая тема (нет новых ответов) ProxyLab — Мобильные прокси. 1 порт в 1 руки!
15 ProxyLab 4165 16.4.2024, 15:28
автор: ProxyLab
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыSiteAnalyzer - бесплатная программа для аудита и анализа сайта
77 Chaser 74264 9.4.2024, 11:36
автор: Chaser
Открытая тема (нет новых ответов) Нужен кодер, чтобы пофиксить ошибку Wordpress после переноса сайта
0 Alex-777 931 7.4.2024, 18:05
автор: Alex-777


 



RSS Текстовая версия Сейчас: 24.4.2024, 9:17
Дизайн