Почему в Safari плывет верстка?

Question

[tripcollor]

Привет всем.
Верстаю сайт на windows vadimbashirof.ru
Заказчик сидит на Mac c Safari обнаружилось что верстка поехала. Правый сайт бар который должен быть справа=) уполз под слайдер хотя на всех остальных браузерах все норм.
Почему так произошло? помогите выяснить причину, использовал на всех элементах flexbox шапка, меню и т.д, а едет верстка только в этом месте

Вот скрин safari


вот как должно быть с хрома

Comments

[Алексей Струков]

Он у тебя еще и под мобилы не адаптирован )

Answer 1

[Юрий Олиярнык]

Префиксы установи
safari просто так с flex'ом работать не хочет
https://css-tricks.com/using-flexbox/

Answer 2

[Clever_Coyote]

width: calc(100% - 274px) как вариант

Comments

[Clever_Coyote]

Кстати, не увидел что там флексбокс(

Answer 3

[Савелий Дзвонкевич]

Ответ прост, ты не юзаешь префиксы. Gjcvjnhb caniuse.com/#feat=flexbox , тут видно что сафари поддерживает flexbox, но только с префиксами. Ползуйся сервисом генерации префиксов для флексов и тогда у тебя флексы будут работать как часы the-echoplex.net/flexyboxes

Comments

[AlenaZavr]

Добрый день! Подскажите, пожалуйста, в последней версии Safari под винду (5.1.7) не поддерживается свойство flex-wrap: wrap; даже с префиксами. Как быть?

Answer 4

[Max Pushkarev]

Попробуй это

Comments

[tripcollor]

Не это не подходит, там можно протестить только на старых версиях safari. В общем то ясно что едет верстка но из за чего не пойму