Таблица отображения CSS и обычная таблица HTML

Question

По какой-то причине мне нужно отображать табличные данные в моем веб-приложении, но не использовать нативную семантическую таблицу, теги thead, tbody, th, td.Я нашел свойства CSS, которые заставляют html-элементы «выглядеть» / «вести себя» как таблицы:

http://www.quirksmode.org/css/display.html

http://www.w3schools.com/cssref/pr_class_display.asp

http://developer.practicalecommerce.com/articles/1941-CSS-display-table-display-table-row-and-display-table-cell-

Я попробовал небольшой тест, но не могу понять, приложив минимум усилий, как сделать таблицу CSS похожей на собственную HTML-таблицу: http://jsfiddle.net/rniestroj/6Lyvm/ Полностью столбцы не выравниваются.Может мне стоит куда-нибудь подать display: table-column?Но где?

Или мне нужно больше CSS и собственного размера, чтобы он выглядел как собственная таблица?

Или я что-то неправильно понял, и это не замена 1: 1?

Браузер Firefox 8.0b6.

Answer 1

Проблема с: .body и .footer divs. Вы не назначаете им стиль, поэтому они отображаются как «display: block» и нарушают ваш макет. Я добавил "display: table-row-group;" на .body и "display: table-footer-group;" до .footer . Это исправило это.

Пример: http://jsfiddle.net/6Lyvm/9/