Почему едет в Safari, а в хроме все ок?

Question

[Никита]

Доброго времени суток.
Напоролся на баг/фичу сафари. Попросили меня вообщем внести фиксы в сайт, код не мой, поэтому может я чего-то не замечаю. lisovoy.ru экран "Как это выглядит", весь текст который тут есть, в хроме на нормальной высоте, а вот в Safari он взлетает наверх. Пробовал различные хаки для сафари, но все они прекрасно работают в хроме. Как быть, в чем может быть проблема?

Answer 1

[Олег]

К примеру transition в сафари не поддерживается, дальше смотреть не стал ;) но в этом направлении и смотри.

Comments

[Никита]

а он то тут каким боком вообще?

[Олег]

Хотя бы при том, что возможно еще какие то селекторы не поддерживаемые сафари использовались.

[Никита]

Олег: вы для начала посмотрите саму проблему и код который относится конкретно к ней, а потом комментируйте. Ваше замечание вообще никак не связанно с данной проблемой. И да, transition поддерживается сафари, начнем с этого, а закончим тем, что движок один у них. Думаю дальше рассказывать не имеет смысла

[Никита]

Артём Петренков: Пардон, может быть и разные, но в 99% случаях, что работает в последнем хроме, работает и в последнем сафари

Answer 2

[nd0ut]

В моём сафари экран "Как это выглядит" идентичен хрому. Уже починили?

Comments

[Никита]

Посмотрите на высоту для сравнения "Стратегия привлечения клиентов", на нем хорошо видно, налетает в сафари на стрелку, а в хроме все ок.

[nd0ut]

А, понял. Проблема в том, что у браузеров разный background-position по-умолчанию. Костыльное, но рабочее решение - явно задать background-position: 55% для .blocks1

[nd0ut]

Никита

[nd0ut]

nd0ut: пардон, background-position-y

[nd0ut]

У меня проблемы с кнопками "Ответить" :D