Почему сползает блок в Firefox?

Question

[metori]

Привет. Нет сил уже ковырять код, так как постоянно что-то идет не так.
Вот сайт: idontcare.zzz.com.ua
Вот codepen: https://codepen.io/anon/pen/EXBmxQ
Вот проблема: в Хроме, IE, Опере сайт грузится так как надо! При открытии его в Mozilla Firefox блок с картинкой сползает наверх! Но сползает он так не статично, если сделать ресайз страницы хоть на 1пикс больше/меньше, он становится магическим способом на место. Что не так с этим всем? Прошу помощи. В верстке не силен.

Comments

[Михаил Захаров]

Так почему ты не используешь flex?

[metori]

Михаил Захаров: Использовал, не помогло. Меняешь wrapper - блок с картинкой становится на весь экран, меняешь fp-section - слетает информация, которая выползает при нажатии на ссылку :/

Да и вообще, странно как-то, почему везде нормально, а у мозиллы прикол такой.

[sim3x]

Перенесите картинки на хабрасторадж

Спасибо

Answer 1

[Дмитрий Христоев]

1. Codepan на firefox показывает нормально, а на сайте да, находится вверху
2. Если ты меняешь размер, значит что-то повешено на ресайз, а конкретно высота блока section вычисляется js. Вот ее в Мозилле и колбасит, вместо типа 500 или 600 пикселей, он показывает 28, а при ресайзе стразу прыгает на 500 или 600.
3. Попробуй в стилях у блока .fp-section дописать height: 100% !important

Comments

[metori]

И это работает! Благодарю)