Таблица CSS не работает при использовании позиции

Question

Я экспериментирую с таблицей фиксированных заголовков (я видел много плагинов в сети, но хочу сделать это сам, используя ЧИСТОГО CSS) при http://dev.driz.co.uk/table.html

Однако у меня есть две проблемы:

1. Заголовки больше не растягивают ширину таблицы и больше не синхронизируются со строками таблицы ниже. Как мне это исправить?

2. Я поместил границу вокруг таблицы, а также вокруг ячеек таблицы, и теперь в некоторых местах получился двойной край. Как я могу обойти это? Поскольку мне нужно, чтобы таблица имела границу, поскольку ячейки не всегда будут отображаться на экране, и на них нельзя будет положиться, чтобы обеспечить рамку вокруг стола.

Если кто-то может помочь, это будет высоко ценится.

Answer 1

Использование макета таблицы: исправлено;решает проблемы!

Answer 2

Экспериментируя, я обнаружил, что position:absolute на tbody или thead вызывает проблему, когда элементы заголовка таблицы не совпадают с данными таблицы.Абсолютное позиционирование элемента выводит его из потока визуализации страницы.Таким образом, добавление position:absolute к thead приводит к свертыванию элементов заголовка с содержимым в них, а добавление его к tbody выводит ячейки данных таблицы из нормального потока, что означает, что thead не может соотнести ширину его ячейки с tbody 's.

Это именно то, что я нашел, но если я ошибаюсь, я открыт для исправления.