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

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

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


Вы здесь » Единый форум поддержки » Проблемы с форумом » Съезжающий форум


Съезжающий форум

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

1

Здравствуйте. Подскажите, пожалуйста, как сделать так, чтобы на мобильном не съезжал в сторону форум, а оставался в центре экрана? Также не работает скрипт всплывающего фона в форме ответа.

Вот ссылка: http://mightmagic.mybb.ru

Мой скрипт:
/*Фон под контейнеры в форме Ответа*/
#pun_wrap #post .container[id$="-area"]{
border: outset 2px #cabcb2!important;
border-radius: 10px;
background: rgba(181,148,100,0.89); /*Можно добавить фон картинкой url(Ccылка на картинку)*/
padding: 9px;
font: normal normal 400 11px/normal Verdana;
}

Фот скрины как форум выглядит на телефоне:

Картинки в большом формате

https://i.imgur.com/tmt0uxY.jpg
https://i.imgur.com/bLmVCek.jpg

Отредактировано Хироши (Сб, 28 Дек 2019 22:04:27)

0

2

Хироши
Может просто отключить мобильный стиль в Администрировании-Настройки ?
Ибо там дофига чего ещё съезжает...

+2

3

Deff написал(а):

Хироши
Может просто отключить мобильный стиль в Администрировании-Настройки ?
Ибо там дофига чего ещё съезжает...

Всё встало на места, но центр форума всё ещё едет к левому краю. Можете помочь?

0

4

Хироши, так не разрезается картинка:

Три картинки:

https://forumupload.ru/uploads/001a/6d/1a/2/69786.png
https://forumstatic.ru/files/001a/6d/1a/21424.png
https://forumstatic.ru/files/001a/6d/1a/94883.png

Вы так только маргинов понаделали, а нормально так не отцентрировать.. Картинки должны быть одинаковых размеров, без пустых областей (как вторая картинка), желательно обрезана по рамку, с четным количеством пикселей по ширине.. А так у вас все три картинки с разными размерами..

0

5

kolobdur74
Я делала одинаковые по размеру, но они просто разъезжаются в стороны и всё, хотя проставлены одинаковые размеры в стиле, идентичные отступы.

+ проблема в том, что с мобильного форум не по центру, а с левой стороны.

0

6

Хироши написал(а):

Всё встало на места, но центр форума всё ещё едет к левому краю. Можете помочь?

Сделайте скриншот, ибо с компа плохо представляю ( укажите стрелкой на съезжающий элемент...

2-е На мобильных типичны проблемы при ширине форума более 700-950 пиксел

0

7

Deff
https://i.imgur.com/3WDN3n0.png

0

8

Хироши
Пробуйте добавить в стиль красным:

/* A3.1 */
body {
  min-width: 1340px;
  font-size: 100.01%;
  text-align: center;
  }

0

9

Хироши написал(а):

Я делала одинаковые по размеру, но они просто разъезжаются в стороны и всё, хотя проставлены одинаковые размеры в стиле, идентичные отступы.

У первой ширина 1342px, у второй 1158px, у третьей 1342px.. Обратите внимание на вторую картинку:
https://i.imgur.com/NGahqsb.png
Берется цельная картинка режется по ширине рамки обязательно должна быть чётная ширина, потом ставится на #pun все три, через background (Несколько фоновых картинок).. Режется одинаково по ширине, без пустых мест - любое пустое (прозрачное) место входит тоже в ширину картинки..
Задается ширина по ширине картинки у #pun или .punbb и выставляется центрирование через margin: 0 auto; или margin: auto; И больше нигде не надо двигать и выставлять ширину, разве что вы хотите ужать .punbb.. Ширина не должна быть нечётной - один пиксель не делиться.. Для центрирования Гостевая, Персонажи выставить для #pun-announcement .container: text-align: center;

Отредактировано kolobdur74 (Вс, 29 Дек 2019 00:37:45)

+1

10

kolobdur74
Я поняла, почему ранее не удавалось выровнять, когда были одинаковые png. Нашла пару ошибок с отступами в css, которые мешали всё выровнять. Вы правы, всё встало на места. Благодарю за наводку.

Deff
Всё получилось, заработало как нужно.

Спасибо за помощь! С наступающим :)

Отредактировано Хироши (Вс, 29 Дек 2019 02:58:30)

+2

11

Подскажите ещё, пожалуйста. Возникла проблема новая. В активных появилась вот такая полоса (в спойлере ниже картинка). Не понимаю, откуда оно.

http://mightmagic.mybb.ru

Картинка

https://i.imgur.com/GvwJi8e.png

0

12

Хироши написал(а):

Подскажите ещё, пожалуйста. Возникла проблема новая. В активных появилась вот такая полоса (в спойлере ниже картинка). Не понимаю, откуда оно.

А что не так?

0

13

Хироши написал(а):

Подскажите ещё, пожалуйста. Возникла проблема новая. В активных появилась вот такая полоса (в спойлере ниже картинка). Не понимаю, откуда оно.

http://mightmagic.mybb.ru

Картинка

https://i.imgur.com/GvwJi8e.png

Поясните вашу проблему подробнее?

Отредактировано Drs36 (Пн, 30 Дек 2019 00:05:32)

0

14

Не та картинка загрузилась.

https://i.imgur.com/bdFTo5k.png

0

15

Хироши

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;

  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  /* border-top-style: solid; */
  /* border-top-width: 1px; */
  padding: 0.7em 0 0 0;
  border-top: 3px double rgba(107, 66, 27, 0.149) !important;
}

+2


Вы здесь » Единый форум поддержки » Проблемы с форумом » Съезжающий форум