Приветствую.Все время кажется, что пишу не в ту тему, но.
собсно форум http://senzafine.rusff.me/ тестовый.
и с компьютера все нормально отображается, но стоит зайти с телефона, так таблица, а конкретно - ротатор и ссылки - едут вниз и все становится некрасиво. Если с телефона выйти из профиля, то все стоит ровно и никуда не едет. Где-то косяк, а где - неясно. Этот же код таблицы сейчас стоит на действующем форуме, стоит ровно и проблемы нет. Был перенесен сюда и поправлены исключительно коды, отвечающие за движение вверх-вниз.
можете меня спасти, пожалуйста, пока я не тронулся умом?
с телефона некорректно отображается таблица в шапке (MyBB.ru, CSS)
Сообщений 1 страница 10 из 11
Поделиться105.09.22 16:36
Поделиться205.09.22 16:44
Gerrano
Доброго дня. А можете сделать скрин проблем и прислать? Потому как я сейчас посмотрела и при разных экранах все не плохо
Поделиться305.09.22 16:48
Rein
Поделиться405.09.22 19:01
Gerrano
Плиз, обведите проблемный элемент красным ? (Где этот самы ротатор ? (чот я слепыш)
Поделиться505.09.22 19:09
Deff
https://forumstatic.ru/files/0014/ed/19/91106.jpg
С телефона не очень удобно ставить красиво в спойлер. Но - ротатор (картинки вот эти из матчасти, они меняются) наезжает на панель с админами, а ссылки просто едут вниз и наезжают на узор, что не очень красиво и очень бесит.
Сносилась вся таблица и весь верх, ставился один чистый ротатор и все равно - с телефона все едет вниз.
Поделиться605.09.22 20:07
Gerrano
Ну Вы как-то перемудрили с установкой в шапку...
Cуть в том, что вы зря поместили весь контент шапки всё в объявление, а потом стали поднимать контент выше главного меню,
А под мобилкой величина шрифта меняется(в том числе и главменю, и юзер-меню, в результате у Вас всё из объявление смещается под мобилой ниже ...
Метод:
Вариант 1: делать для #pun-announcement .html-box { position:absolute; top: YYpx;(где красное настраиваемая цифра отступа и менять вертикальное смещения в ротаторе и других элементах объявы)
Вариант 2 - перенести всё из объявления в HTML верх и менять вертикальное смещения в ротаторе и других элементах в шапке.
Вариант 3 - добавить в стиль под мобилой смещение для #pun-announcement .html-box в обратную сторону
Поделиться706.09.22 04:13
Deff
Вариант первый пробовался, если настроить им нормальное отображение на мобильном, то едет отображение на компе, если настраивать на компе, то мобильное едет снова.
Остальные попробую, спасибо.
Так я понимаю, что дело в основном в шрифт глав меню или? Потому что тот же код не едет на основном форуме, хотя вся шапка стоит точно так же в объявлении почти с теми же параметрами.
Поделиться806.09.22 04:37
Потому что тот же код не едет на основном форуме, хотя вся шапка стоит точно так же в объявлении почти с теми же параметрами.
Можно попробовать добавить такой код для мобилы( в конец Первого окна стиля:
@media screen and (max-device-width: 480px) {
html {-webkit-text-size-adjust: none;}
}
Поделиться906.09.22 10:19
Deff
Спасибо)
К сожалению, этот код не помог. Точнее, на него вообще не было никакой реакции, что стоит, что не стоит, даже если менять значения.
Будем пробовать перетаскивать через html-верх.
Поделиться1007.09.22 00:06
Можно попробовать добавить такой код для мобилы( в конец Первого окна стиля:
@media screen and (max-device-width: 480px) {
html {-webkit-text-size-adjust: none;}
}
1)пропущен вариант без вебкитовского префикса
2)я б отрубала фонтбуст для всех возможных ширин экрана (читай без медиа-запроса), потому что планшеты в него тоже вполне умеют, хотя у них честная ширина побольше хд