Почему некорректно отображается страница в Mozzila Firefox(Fullpage.js+bootstrap)?

Question

[ashosmenavzatb]

Во всех браузер сайт отображается корректно, а в Mozzila Firefox исчезает background и контент (только в полноэкраном режиме).

Нужна последняя версия mozilla firefox и разрешение окна 1400+(ширина).
Воспроизвести

Answer 1

[Петр Мухуров]

Зачем вам display: table?

.fp-section.fp-table, .fp-slide.fp-table {
    /*! display: table; */
    table-layout:fixed;
    width: 100%;
}

С введением флексов верстать одно удовольствие. В инспекторе снимите галку с display: table; и смотрите
P. S. Заодно скрипты подебажьте, падают ошибки

Comments

[ashosmenavzatb]

Если убрать display: table съезжает вся верстка и в мобильной версии размер блока становиться меньше контента.

[Петр Мухуров]

ashosmenavzatb, я указал на проблемное место, других причин поверхностно я не увидел, а тратить больше 10 минут рабочего времени на решение чужой задачи я не могу, мне за это не платят :)

[posters]

ashosmenavzatb, почитайте про флексы. Полезно для вас будет.

[ashosmenavzatb]

А если мы в инспекторе отключаем /*! display: table; */, он автоматически принимает другой display?

[Петр Мухуров]

ashosmenavzatb, если не было перебито другое значение, то или наследует родителя, или, что скорее всего, display: block, поскольку элемент блочный, здесь я точно не скажу