CSS-сброс

InstantCMS 2.X
#16 4 октября 2021 в 14:42

Просто установите на комп safary для windows

Ris

Можно линк на эту современную сафарю для windows? Apple сто лет как не выпускает свой браузер под Windows. Зачем в здравом уме юзать его?

На модерне сайт на старых браузерах расплывается по полной программе.

Ris

Так да. HTML5, флексы и прочие прелести CSS3 древность не поддерживает.

Топикстартер пытается бороться, сам не знает с чем, магическим сбросом.

Ris

Пальценеботыкатели 😀

#17 4 октября 2021 в 15:43

Можно линк на эту современную сафарю для windows?

Fuze

Современной не существует. Старая вот:

safari-windows.ru/

Зачем в здравом уме юзать его?

Fuze

Для проверки отображения сайта на всяких айпедах.

Альтернатива (покупка айпеда) меня что-то не возбуждает.

#18 4 октября 2021 в 15:44

Можно линк на эту современную сафарю для windows?

Fuze

И я бы не отказался

На модерне сайт на старых браузерах расплывается по полной программе.

Ris

Так решение проблемы простое: юзаем шаблон, на котором сайт не расплывается в старых браузерах

#19 4 октября 2021 в 15:52

Так решение проблемы простое: юзаем шаблон, на котором сайт не расплывается в старых браузерах

Олег Васильевич я

Может ради троих юзеров вообще на HTML2.0 шаблон сделать?

Это не наш метод!

Вот как развивалась эта грустная история со счастливым концом:

instantcms.ru/forum/problema-so-starymi-brauzerami.html

#20 4 октября 2021 в 16:13

Может ради троих юзеров вообще на HTML2.0 шаблон сделать?

Ris

Ага, целая куча проклятий была аж от троих пользователей))

Если вам нужно было переопределение стилей селектора .h-100 только для в одном месте, то правило вы написали не верно. Так вы его сделали глобальным. А вообще-то там должен быть другой селектор (верю, скоро будет)

#21 4 октября 2021 в 16:38

Если вам нужно было переопределение стилей селектора .h-100 только для в одном месте, то правило вы написали не верно. Так вы его сделали глобальным.

Олег Васильевич я

Мне и требовалось глобальное правило.

Сетка разъезжалась на всех страницах без исключения.

#22 4 октября 2021 в 16:47

А вообще-то там должен быть другой селектор (верю, скоро будет)

Олег Васильевич я

Угу.  Ris, замените селектор h-100 на тегах html и body на min-vh-100 в /templates/modern/main.tpl.php

Для проверки отображения сайта на всяких айпедах.

Ris

Слишком старая версия, увы.

#23 4 октября 2021 в 17:37

Мне и требовалось глобальное правило.

Сетка разъезжалась на всех страницах без исключения.

Ris

В одном месте  =  для тега, где селектор объявлен (тег != страница)

Глобальное правило !=  глобальный стиль

---------------------------

Селектор h-100 назначен в модерне не только для тега  <body> (имхо, в большинстве случаев, обоснованно). Если нужно было изменить правило для селектора .h-100, назначенного тегу <body>, то правило надо было написать так: body.h-100 {...} Так не повлияем на правило .h-100 {...} глобально (глобально = везде, где браузер его обнаружит и применит)

#24 4 октября 2021 в 23:31

то правило надо было написать так: body.h-100

Олег Васильевич я

Написал. Тут же получил массу фидбэков от владельцев берёзовых айпедов.

Ris, замените селектор h-100 на тегах html и body на min-vh-100 в /templates/modern/main.tpl.php

Fuze

Спасибо! Это работает!

#25 5 октября 2021 в 10:11

Написал. Тут же получил массу фидбэков от владельцев берёзовых айпедов.

Ris

Либо врут ваши пользователи, либо вы что-то сделали не так.

Фиксируем шапку добавлением ей класса sticky-top и на значением правила:

  1. body.h-100 {
  2. height: auto !important;
  3. }

Проверяем работоспособность не на словах, а на живом примере

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.