Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Проблемы с форумом » Некорректное (?) отображение с телефонов


Некорректное (?) отображение с телефонов

Сообщений 1 страница 20 из 21

1

Здравствуйте. Я довольно долго ковырял ксс и всё же не могу понять причину. При просмотре с телефонов (мобильный стиль, конечно же, отключен) форум показывается не полностью.

Вот скриншот -- https://pp.userapi.com/c638616/v6386164 … ng8J0k.jpg
Форум почему-то смещён влево, а справа, как видите, образовался отступ. С чем это может быть связано? Слишком большая фоновая картинка? Криво выставленные отступы? Ковырять надо другой файл стилей? (скрытый или мобильный)
Помогите! Хоть и мелочь, но дико раздражает. С ПК\ноутов всё ровно по центру и никаких смещений. Для того, чтобы понятна была проблема -- зайдите с ПК, а потом с телефона.

Форум: http://brezhenshtekovich.mybb.ru/

Отредактировано Евгений Рыбаков (Ср, 26 Июл 2017 00:25:51)

0

2

Евгений Рыбаков написал(а):

Форум почему-то смещён влево, а справа, как видите, образовался отступ.

Тыкните стрелкой, где этот отступ? На скриншоте критично ничего не видно, с телефона у меня все ровно отображается.
http://s6.uploads.ru/t/dfe8c.jpg

0

3

wersal
Ничего критичного, конечно, нет, но таки раздражает. Слева отступа нет, а справа он почему-то есть. В остальном форум полностью адекватно отображается, кроме этой маленькой проблемы. Я ставил фоны таким же способом (многослойный background на 1 элемент) на двух других форумах и подобной проблемы не возникало.
Вот ещё один пример -- http://wowproba.mybb.ru/
Совершенно идеально главная выглядит, без смещений. Возможно дело в ширине самого фона? Но ведь по идее должно ужиматься. На 1 пробнике (Насрута) ширина фона (именно картинки) -- 1000, а на втором (ВОВ) -- 990. На основном форуме так же всё корректно отображается с шириной в 900.

Скриншот со стрелками

http://s9.uploads.ru/t/nyOIs.jpg

Отредактировано Евгений Рыбаков (Ср, 26 Июл 2017 01:45:23)

0

4

И, раз уж я поднял эту тему, ещё одна проблема есть. Тоже мелочная но очень непонятная для меня. Внутри форума ссылка с датой и времени публикации поста (она же permalink) с телефона почему-то отображается весьма крупно. Я прописал font-size с !important. Она конечно стала меньше, но явно не соответствует тому размеру что должен быть. Причём это только на 1 пробнике (http://brezhenshtekovich.mybb.ru), когда на 2 пробнике (http://wowproba.mybb.ru/) подобного не наблюдается. Скриншот прилагаю с ПК, увы с телефона нет возможности в данный момент сделать скрин.

http://s4.uploads.ru/t/BuOIJ.jpg

0

5

Евгений Рыбаков
По черной полосе справа, попробуйте так:
#pun {
    margin: 0px auto 0px auto;
    padding: 450px 30px 0px 10px;
    width: 980px;
    box-sizing: border-box;
}
Вообщем то это значение отступов пан влияет на отображение на телефоне. Если после этого на декстопной версии ничего не сползет, можно так оставить, если сползет, то тогда только для мобильного прописать.

0

6

Евгений Рыбаков написал(а):

И, раз уж я поднял эту тему, ещё одна проблема есть. Тоже мелочная но очень непонятная для меня. Внутри форума ссылка с датой и времени публикации поста (она же permalink) с телефона почему-то отображается весьма крупно. Я прописал font-size с !important. Она конечно стала меньше, но явно не соответствует тому размеру что должен быть.

У вас на весь форум прописан фиксированный размер шрифта в боди.
body {
    font: normal 10pt verdana;
}

От этого проблемы с настройками. Тут надо указывать в процентном соотношении, а далее отдельные блоки настраивать размеры текста.

+1

7

Евгений Рыбаков
1-е!!! Создайте во всех видимых с Главной форумах(разделах) темы с достаточно длинными названиями - сделайте скриншот(Пока ничего не меняя!)

0

8

wersal
Padding в #pun никак не поможет, по идее. Это внутренние отступы, а проблема именно в фоне, который прописан картинкой. Я всё равно попробую конечно, но чуть позже.

На счёт размера шрифта - понял, принял. Попробую прописать в % и потом уже править. Но тогда я не совсем понимаю принципа взаимодействия. Я же установил размер отдельно для permalink через !important -- в обход font-size в body.

Deff
Всё сделал. Меня беспокоит именно то, что левая рамка куда-то девается, а правая есть. Отступ справа, кажется (я не уверен), стал меньше. Но непонятно куда девается левая рамка и почему правая таки есть. Может попробовать именно фон меньше сделать и это решит все проблемы? :)

Скриншоты

http://se.uploads.ru/t/wYWv7.pnghttp://s5.uploads.ru/t/4nkyA.png

0

9

wersal
Попробовал. Вообще помогло, спасибо. Форум хоть и съезжает немного влево, но с телефона зато выглядит сносно. Хотелось бы конечно чтобы фон ужимался корректно как это происходит на любых других пробниках. Многого я не понимаю, видимо.
Так что, в случае отсутствия альтернативы, воспользуюсь твоим способом. Спасибо ещё раз!

0

10

UPD
Уменьшил фон на пробнике до 900 -- и всё стало нормально. Никаких отступов. Только непонятно, почему фон шириной в 1000 ужиматься под страницу не хочет.
http://brezhenshtekovich2.mybb.ru/

0

11

Евгений Рыбаков
Добавьте в начало Второго Окна Стиля:

html,body {min-width:1004px!important;}/*!Правка размеров полотна форума для мобильных Устройств с мелким Экраном*/

Отредактировано Deff (Ср, 26 Июл 2017 12:22:39)

+2

12

Deff
Помогло! 1020 поставил. Теперь всё ровненько. Спасибо большое, легендарный чинитель. с:

Ещё вопрос есть по теме. Тоже непонятного происхождения баг (баг ли?). Симптомы - размеры шрифтов и форума очень сильно меняются при наличии в теме длинного сообщения. Если несколько коротких сообщений, то ничего не происходит. Не обращайте внимания на кривую шапку и отступы -- это ещё старые скриншоты. На всех скриншотах ОДИНАКОВЫЙ (!) масштаб, а именно "максимально отдалено".

Скриншоты

http://s0.uploads.ru/qNWUK.pnghttp://s4.uploads.ru/VWkfZ.pnghttp://s3.uploads.ru/k5UQ3.png

Отредактировано Евгений Рыбаков (Ср, 26 Июл 2017 16:47:35)

0

13

Евгений Рыбаков
Попробуйте добавить Пару строк (красным) в Первом Окне Стиля

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  word-break:break-all;
  white-space:pre-wrap;

  padding: 0 0 0.5em 0;
  line-height: 150%;
}

0

14

Deff
Ноль эффекта.
В темах, где нет больших сообщений, подобного не происходит. По гороскопу, видимо, неделя загадочного КСС. ^ . ^

0

15

Евгений Рыбаков написал(а):

Deff
Ноль эффекта.
В темах, где нет больших сообщений, подобного не происходит. По гороскопу, видимо, неделя загадочного КСС. ^ . ^

Я не увидел добавки в Первом окне, как стояло:

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
  }

Так и стоит... Желательно парное взаимодействие для возможного решения... в одно лицо тяжело

+1

16

Deff
Я сначала подумал, что я случайно не на тот форум закинул. Но нет.
Стоит всё, серьёзно. Я ценю ваше время и вроде не совсем дурак. Добавил !important, на всякий случай. Откройте CSS вручную, если через инспектор не показывает. Может админку дать просто? Покопаетесь на досуге, как будет время.

brezhenshtekovich.mybb.ru
https://forumstatic.ru/styles/0018/c3/1 … 110560.css

Отредактировано Евгений Рыбаков (Чт, 27 Июл 2017 02:15:57)

0

17

Евгений Рыбаков+ - Да, сейчас стоит... возможно http://forumstatic.ru кешировал старые данные...
На всякий случай, выполните очистку кеша на странице сайта(Темы)( с того устройства, что просматриваете...) cовместным нажатием cntr+F5

Отредактировано Deff (Чт, 27 Июл 2017 03:12:53)

0

18

Deff
Я так всегда обновляю страницу когда видимых изменений нет. Слова конечно некоторые стали переноситься по-другому, но в целом ситуация осталась прежней. Вот ещё два скриншота посвежее. 1 - тема где нет длинных сообщений. Ничего не меняется. 2 - тема где есть длинные сообщения. Сами сообщения становятся крупнее и читабельнее, так же увеличивается размер хлебных крошек.

На самом деле, я подумал и понял что лучше будет если везде будет как на 2 скриншоте. Но увы не везде есть длинные сообщения. Возможно ли как-то сделать, чтобы везде темы внутри выглядели как на скриншоте #2, независимо от длины сообщений?

Скриншоты

http://s7.uploads.ru/lIjwB.pnghttp://sa.uploads.ru/lVrvk.png

Отредактировано Евгений Рыбаков (Чт, 27 Июл 2017 11:41:58)

0

19

На всякий случай апну. Спасибо за понимание.

0

20

Евгений Рыбаков
Попробуйте в Первое Окно стилей

html, body {-webkit-text-size-adjust:100%;-moz-text-size-adjust:100% }

Возможно это как-то изменит ситуацию... Но не уверен (Отпишитесь о результате

+1


Вы здесь » Единый форум поддержки » Проблемы с форумом » Некорректное (?) отображение с телефонов