Различия в отступах в сафари и FF почему?

Question

[Novamoscow]

Столкнулся с первыми проблема с различиями в браузерами.

В сафари все отражается не так как должно быть.

1. После скрола JQ добавляет классы к шапке, появляются новые элементы и меняются отступы.
2. В блоке с контактами (картой) добавил иконки через позишен. Так же в сафари отображаются не так как нужно.

Сафари


FF



alexandrbm5.ru

Comments

[Stalker_RED]

Код нужен. И вы ведь в курсе, что у разных браузеров могут отличаться встроенные стили? reset.css, normalize.css или что-то подобное используете?

[Novamoscow]

Stalker_RED: да использую нормалайз. в самом низу вопроса ссылка на сайт

Answer 1

[Павел]

По 2. Это фф неправильно отображает. У Вас задано left: 66px. А надо меньше. Хром отображает как сафари по сути. В фф подгружается стиль:

content: url("../img/main-header__title-img.png");
    left: 12px;
    position: absolute;
    top: 1px;

В сафари, хроме и подобных другие...
Добавьте div'ам где контактная форма:
width:100%
И везде будет одинаково в том числе и в фф
По 1 - не совсем понятно что имеется введу

Comments

[Novamoscow]

Добавил width: 100% и задал под это новые значения. А не подскажешь почему FF не правильно отображал ?

Answer 2

[Егор Живагин]

Про отступы - значение line-height каждому текст.блоку надо задавать явно, чтоб такой фигни не было

Comments

[Novamoscow]

Лайн хейт нормл не подойдёт

[Егор Живагин]

Novamoscow: нормал не подойдёт, конечно, его ж браузеры по-разному толкуют

[Novamoscow]

Егор Живагин: Понял, спасибо. Я думал normalaiz.css эту проблему исправил.
А проблему в шапке решил с помощью замены спанов (в них были обернуты элементы) на дивы ( и добавил к ним инлайн блок)