Новости Joomla

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 10 Ответов
  • 2242 Просмотров
*

dm-krv

  • Завсегдатай
  • 1028
  • 28 / 0
На iPad в Safari блок вылезает за края [Решено]
« : 10.08.2018, 18:28:02 »
Делаю тут сайт и на айпаде какой-то очень специфичный косяк вылез. Везде нормально, а вот на айпаде в сафари почему-то блок вылезает за края родителя. Родитель, понятное дело, резиновый. При этом горизонтального скрола не образуется, чудеса какие-то.

Помогите разобратся в чем дело. Сайт: donsert.ru

Ну или хотя бы подскажите, как купировать проблему - ну там, js-ом маргин выткать при определенных условиях или еще что.

« Последнее редактирование: 11.08.2018, 19:43:12 от dm-krv »
Записан
*

lexxbry

  • Живу я здесь
  • 2387
  • 68 / 8
Re: На iPad в Safari блок вылезает за края
« Ответ #1 : 10.08.2018, 19:45:56 »
Flex?
Записан
SEO-оптимизация,продвижение
Создание и сопровождение сайтов на Joomla
Миграция
*

dm-krv

  • Завсегдатай
  • 1028
  • 28 / 0
Re: На iPad в Safari блок вылезает за края
« Ответ #2 : 10.08.2018, 20:27:33 »
Цитата: lexxbry от 10.08.2018, 19:45:56
Flex?

Немного не понимаю о чем речь. Обычно я стараюсь не использовать флексы, использую гриды с uikit, реже бутстрап.
« Последнее редактирование: 10.08.2018, 20:41:34 от dm-krv »
Записан
*

lexxbry

  • Живу я здесь
  • 2387
  • 68 / 8
Re: На iPad в Safari блок вылезает за края
« Ответ #3 : 10.08.2018, 20:38:16 »
Просто у флекса для сафари свои параметры
Записан
SEO-оптимизация,продвижение
Создание и сопровождение сайтов на Joomla
Миграция
*

dm-krv

  • Завсегдатай
  • 1028
  • 28 / 0
Re: На iPad в Safari блок вылезает за края
« Ответ #4 : 10.08.2018, 20:47:03 »
Цитата: lexxbry от 10.08.2018, 20:38:16
Просто у флекса для сафари свои параметры

Понял, но флексов там в шапке нет, только блоки и тэйбл целл.
Записан
*

capricorn

  • Завсегдатай
  • 1949
  • 118 / 3
Re: На iPad в Safari блок вылезает за края
« Ответ #5 : 10.08.2018, 22:09:58 »
На реальном устройстве попросите кого-нибудь проверить. Если и там будет, тогда стоит думать. Я бы не верил симуляторам.
Записан
*

almika

  • Захожу иногда
  • 325
  • 27 / 0
Re: На iPad в Safari блок вылезает за края
« Ответ #6 : 11.08.2018, 03:41:48 »
На реальном нормально все


Записан
*

dm-krv

  • Завсегдатай
  • 1028
  • 28 / 0
Re: На iPad в Safari блок вылезает за края
« Ответ #7 : 11.08.2018, 09:48:52 »
Цитата: almika от 11.08.2018, 03:41:48
На реальном нормально все




Да какой нормально? Вот на второй картинке надпись центр сертификации сползла вправо. На моей картинке я темным выделил блок, в котором эта надпись размешается и видно, что блок выходит за края. На менюшку пофиг, я его сегодня переделаю, но мне не пофиг на фулскрин.
Записан
*

Akeksandr

  • Захожу иногда
  • 396
  • 12 / 0
Re: На iPad в Safari блок вылезает за края
« Ответ #8 : 11.08.2018, 13:09:21 »

Айпад Сафари.
https://ibb.co/jaM7Ap

Айпад Google Chrome.
https://ibb.co/e0fvwU
Не понял, а как изображения добавить??? Тогда ссылки
Но текст появляется когда долго вниз пролистнуть.
« Последнее редактирование: 11.08.2018, 13:13:03 от Akeksandr »
Записан
*

almika

  • Захожу иногда
  • 325
  • 27 / 0
Re: На iPad в Safari блок вылезает за края
« Ответ #9 : 11.08.2018, 13:13:36 »
Да, вы правы, это у меня глаза косые - показалось, что все нормально. ^-^

Посмотрела в Opera, задала эмуляцию Ipad, тоже сдвиг есть.
Добавляет -60px справа для блока.

У меня получилось выровнять, если убрать padding слева и справа:
Код
@media (max-width: 768px)
.tm-fullscreen-container .tm-fullscreen {
    /* padding: 100px 30px 30px 30px; */
    padding-top: 100px;
    padding-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
}
theme.css 10899
Записан
*

dm-krv

  • Завсегдатай
  • 1028
  • 28 / 0
Re: На iPad в Safari блок вылезает за края
« Ответ #10 : 11.08.2018, 19:42:53 »
Almika, спасибо) Да, дело было отступах. Сам бы вряд ли не догадался.
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как закруглить края выпадающего меню?

Автор coliandra

 Ответов: 1
Просмотров: 1494 		Последний ответ 11.12.2020, 21:15:57
от effrit
[Решено] Как сделать чтобы фотография открылась в отдельном окне?

Автор a-two

 Ответов: 11
Просмотров: 2231 		Последний ответ 03.11.2020, 16:57:40
от Nikolay89
[Решено] Слетает правый сайдбар на шаблоне protostar

Автор Mick_20

 Ответов: 4
Просмотров: 2377 		Последний ответ 28.05.2020, 15:45:06
от Muzzy
Как сделать плавающий блок/модуль. Пример есть!

Автор Good_user

 Ответов: 8
Просмотров: 12582 		Последний ответ 04.04.2020, 13:49:11
от jan_dax
Исчезает блок с видео

Автор diana1975

 Ответов: 14
Просмотров: 1830 		Последний ответ 11.12.2019, 10:29:55
от sivers