Отобразить div строки таблицы, чтобы «отдохнуть» с переполнением в FF

0

У меня есть сложная компоновка div, которая отображает следующие разделы, реализованные как display: table-row

  • заголовок
  • Секция 1
  • Раздел 2
  • нижний колонтитул

Секции обернуты внутри обертки div display: table

Раздел 2 должен взять оставшееся пространство и сделать его содержимым внутри этого раздела. Переполнение содержимого в этом разделе должно прокручиваться как переполнение.

Здесь Fiddle, который показывает более или менее то, что он должен делать, но работает только в Chrome. В IE11/FF переполнение не работает, и содержимое выталкивает нижний колонтитул из окна просмотра.

Это проблема с моей реализацией или общей проблемой в браузерах, отличных от Chrome?

  • 0
    вам нужно дать некоторую высоту @ data_section_wrapper css .. см. это может помочь - channel9.msdn.com/Forums/TechOff/…
  • 0
    Высота #data_section_wrapper 100%. Это то, чего я хотел бы достичь. Это должно занять оставшееся место. Или 100% не какая-то высота? Но установка фиксированной высоты сделает прокрутку контента как минимум. Но это не то, чего я хотел бы достичь, так как я не могу предсказать высоту, и нужно принять остальное, как в Chrome. :)
Теги:

1 ответ

0

Добавление поля -20px @data_section сделает трюк. Я знаю, что это взломать, и мое лучшее объяснение - это поведение css, которое определяется уважаемыми браузерами. Это работает в браузере Chrome и FF.

#data_section {
/*Section 2*/
position: relative;
background: red;
height: inherit;
overflow: auto;
margin-bottom: -20px;
}

Демо-версия скрипта

Поделиться
  • 0
    @pantarhei это тебе поможет?

Ещё вопросы

Сообщество Overcoder
Наверх
Меню