Blaine Anderson, попробуйте включить: Обновления на сервисе пост 38 пункт 3 - вставить только viewport.
Общие вопросы по администрированию (6)
Сообщений 1261 страница 1280 из 1697
Поделиться1262Пн, 22 Мар 2021 15:32:13
kolobdur74, к сожалению, не помогло.
Поделиться1263Пн, 22 Мар 2021 15:46:05
Blaine Anderson, а чего вы один код так размножаете, да еще и с запредельной шириной 9405px:
/* CS9 Категории
-------------------------------------------------------------*/
#pun-category1.category h2 {
background: url(http://forumstatic.ru/files/001b/16/73/77345.png);
background-repeat: no-repeat;
height: 70px;
width: 9405px;
font-size:0 !important;
font-size:0 !important;
margin-left: -9px;
}
#pun-category2.category h2 {
background: url(http://forumstatic.ru/files/001b/16/73/77345.png);
background-repeat: no-repeat;
height: 70px;
width: 9405px;
font-size:0 !important;
font-size:0 !important;
margin-left: -9px;
}
#pun-category3.category h2 {
background: url(http://forumstatic.ru/files/001b/16/73/77345.png);
background-repeat: no-repeat;
height: 70px;
width: 9405px;
font-size:0 !important;
font-size:0 !important;
margin-left: -9px;
}
#pun-category4.category h2 {
background: url(http://forumstatic.ru/files/001b/16/73/77345.png);
background-repeat: no-repeat;
height: 70px;
width: 9405px;
font-size:0 !important;
font-size:0 !important;
margin-left: -9px;
}
#pun-category5.category h2 {
background: url(http://forumstatic.ru/files/001b/16/73/77345.png);
background-repeat: no-repeat;
height: 70px;
width: 9405px;
font-size:0 !important;
font-size:0 !important;
margin-left: -9px;
}#pun-category6.category h2 {
background: url(http://forumstatic.ru/files/001b/16/73/77345.png);
background-repeat: no-repeat;
height: 70px;
width: 9405px;
font-size:0 !important;
font-size:0 !important;
margin-left: -9px;
}#pun-category7.category h2 {
background: url(http://forumstatic.ru/files/001b/16/73/77345.png);
background-repeat: no-repeat;
height: 70px;
width: 9405px;
font-size:0 !important;
font-size:0 !important;
margin-left: -9px;
}
И да, метатег viewport по ходу лучше отключить..
Поделиться1264Пн, 22 Мар 2021 16:08:18
kolobdur74
Там потом разные изображения будут, это временно)
А вот очепятался я эпично, конечно))
Но забавно то, что вернул я реальный размер изображения под категорию, метатег отключил, но справа всё равно остаётся место. Не так много уже, как было, но есть...
Перепроверил на всякий пожарный, не накосячил ли я ещё где в размерах - нет, вроде всё везде чётко стоит...
Поделиться1265Пн, 22 Мар 2021 16:32:26
Blaine Anderson, повторять одинаковый код не надо, сделайте так:
#pun-category1.category h2 {background: url(http://forumstatic.ru/files/001b/16/73/77345.png);} #pun-category2.category h2 {background: url(http://forumstatic.ru/files/001b/16/73/77345.png);} #pun-category3.category h2 {background: url(http://forumstatic.ru/files/001b/16/73/77345.png);} #pun-category4.category h2 {background: url(http://forumstatic.ru/files/001b/16/73/77345.png);} #pun-category5.category h2 {background: url(http://forumstatic.ru/files/001b/16/73/77345.png);} #pun-category6.category h2 {background: url(http://forumstatic.ru/files/001b/16/73/77345.png);} .category h2 { background-repeat: no-repeat; height: 70px; width: 946px; font-size:0 !important; font-size:0 !important; margin-left: -9px; }
но справа всё равно остаётся место
Добавьте:
html, body { width: 100%; overflow: hidden; } #pun {position: relative;}
Поделиться1266Пн, 22 Мар 2021 16:42:12
kolobdur74
Спасибо большое, сокращение дело полезное!) Сам не решался, боялся накосячить)
А вот добавление этого не помогло... В самый верх Стиля же, правильно?
Не поменялось ничего, к сожалению тт
Поделиться1267Пн, 22 Мар 2021 16:51:54
Спасибо большое, сокращение дело полезное!) Сам не решался, боялся накосячить)
Тут оно само напрашивается))
А вот добавление этого не помогло... В самый верх Стиля же, правильно?
Не поменялось ничего, к сожалению тт
Вы этот код закомментировали:
/* A2.1
html, body {
width: 100%;
overflow: hidden;
}
#pun {position: relative;}
Вы потеряли: */ после A2.1
Поделиться1268Пн, 22 Мар 2021 17:31:34
Вы этот код закомментировали:
Точно, я косяк!)
Спасибо огромное, заработало!)
Поделиться1269Пн, 22 Мар 2021 17:47:15
kolobdur74
Новый вызов. Теперь у меня форум не пролистывается вниз, полоса прокрутки в принципе не отображается.
Хотя она у меня точно есть и настроена даже цветом)
Попробовал её убрать/вернуть, убедился, что точно не в этом проблема.
Со стрелками по форуму передвигаться можно, да, но в админке спасает только уменьшение масштаба в браузере.
Как быть?
Отредактировано Blaine Anderson (Пн, 22 Мар 2021 17:48:16)
Поделиться1270Пн, 22 Мар 2021 17:53:22
Blaine Anderson, сделайте только под мобильные телефоны:
@media screen and (max-width: 540px) { html, body { width: 100%; overflow: hidden; } #pun {position: relative;} }
В принципе можно вместо 540px поставить и 1000-1200px.. Или использовать вместо: overflow: hidden; - вот этот код: overflow-x: hidden;
Отредактировано kolobdur74 (Пн, 22 Мар 2021 17:53:49)
Поделиться1271Пн, 22 Мар 2021 17:56:57
kolobdur74
Во, последнего было достаточно, заменил на overflow-x, и теперь и на телефоне, и на компьютере отображается нормально, и прокручивается всё.
Ещё раз огромнейшее вам спасибо!)
Жаль, что ограничение на плюсы, поставил бы больше))
Отредактировано Blaine Anderson (Пн, 22 Мар 2021 17:59:19)
Поделиться1272Пн, 22 Мар 2021 19:32:50
kolobdur74
Игрок, сидящий только с айфона, меня достал ==" *большинство настраивается под него*
В итоге, сейчас на всех компьютерах и телефонах прокрутка работает. На всех, кроме яблока. Можно с этим что-то сделать?..
Отредактировано Blaine Anderson (Пн, 22 Мар 2021 19:32:58)
Поделиться1273Пн, 22 Мар 2021 19:40:13
Blaine Anderson
Ну по яблоку в качестве спеца знаю ток сатсану, искать здесь => http://forumd.ru/
Поделиться1274Пн, 22 Мар 2021 19:45:45
Blaine Anderson, а да, с overflow сафари не дружит.. Подумаю, что можно сделать..
Поделиться1275Пн, 22 Мар 2021 19:46:24
Deff, kolobdur74
Большое Вам спасибо!
Отредактировано Blaine Anderson (Пн, 22 Мар 2021 19:49:57)
Поделиться1276Пн, 22 Мар 2021 19:51:55
Blaine Anderson, попробуйте заменить:
overflow-x: hidden;
На:
overflow-x: auto;
Поделиться1277Пн, 22 Мар 2021 19:54:32
kolobdur74
Тогда снова появляется сбоку фон и прокрутка есть только вбок, вверх-вниз нету всё равно...
Поделиться1278Пн, 22 Мар 2021 20:00:27
Blaine Anderson, попробуйте вместо:
html, body {
width: 100%;
overflow-x: hidden;
}
Такой вариант:
#pun_wrap { width: 100%; overflow-x: hidden; }
Поделиться1279Пн, 22 Мар 2021 20:28:49
Такой вариант:
С этим появилось 2 полосы прокрутки у всех остальных, но в итоге тому айфону так и не помогло (на удивление, на втором заработало даже со старыми настройками... но в хроме, а тот чувак пользуется яндексом и сафари... Предложил ему поставить хром, что ещё делать).
Поделиться1280Пн, 22 Мар 2021 20:34:17
Blaine Anderson, еще можно попробовать так:
html, body { width: 100%; overflow-x: hidden; touch-action: none; -ms-touch-action: none; }
Но я не знаю сработает это или нет.. У меня нет ничего эпла, а сафари только там..