IE9 + css: проблема с фиксированной таблицей заголовков

Question

Итак, я думаю, что это проблема CSS больше всего на свете, но в основном предоставленный мною HTML содержит таблицу фиксированных заголовков в реактивном макете.
Код: http://jsfiddle.net/JpRQh/10/

Там3 строки данных, но в IE9 кажется, что строки таблицы сумасшедшие, а полоса прокрутки отключена.

Пример, которому я следовал для таблиц с фиксированными заголовками:та же проблема в IE9.

Любые идеи о том, как это исправить?

РЕДАКТИРОВАТЬ: я обещаю прокрутки таблицы, если есть достаточно данных.Но я включил только 3 строки, например.

Answer 1

Это правило, которое вызывает проблемы в IE.Пример в реальном времени: http://jsfiddle.net/JpRQh/12/

html>body tbody.scrollContent {
    margin-top: 24px;
    padding-top: 8px;
    display: block;
    height: 400px; /* If you delete this rule you will see the table rows return to their normal size */
    overflow: auto;
    width: 100%
}

Стилизация прокрутки tbody, фиксированных заголовков и т. Д. Имеет тенденцию вызывать множество проблем с кросс-браузерной совместимостью.Вы можете посмотреть на эту ссылку о кросс-браузерной прокрутке tbody.

Однако , похоже, является наиболее привлекательным кросс-браузерным решением.Вам нужно будет проверить CSS.