Ширина столбцов таблицы или когда врут браузеры

[@kapuletti]

Столкнулся однажды с такой же ситуацией.

Нужно было сделать горизонтальное меню с неизвестной общей шириной и неизвестным количеством пунктов, так, чтобы отступы у каждого пункта были равные слева и справа и при этом они заполняли собой всю ширину родительского блока.

Путем копаний, насколько я понял: ширина дробная и она зависит от шрифта. Пришлось воспользоваться JS для округления ширины блоков.

Попробуйте сделать в ячейках не текст, а, скажем изображения и посмотрите что получится.

[@aspirineilia]

Если столбцов будет много то по ширине сожмёт до размера картинки — целое значение. И столбец не поедет, а вот соседние с текстом всё равно могут поплыть.

[@torbasow]

Буквально на той неделе решал такую же проблему, только плагин был свой.

[@aspirineilia]

И как боролся?

[@torbasow]

Использовал дробные значения, полученные через getBoundingClientRect().

[@youlose]

А можно пример такой таблицы в виде html + css с примерами браузеров в которых ширина скачет? Потому что я вроде бы CSSом всегда справлялся.

[@Hkey]

Я использую другой метод. Рисуем две полные таблицы. В первой делаем невидимым тбоди, во второй тхеад. А потом накладываем таблицы друг на друга.

[@aspirineilia]

Да, хороший способ для статичный данных, позволяет избегать вышеописанной проблемы.
Но у нас встречаются скрытия раскрытия элементов в таблице по чекбоксам, растягивающиеся textarea и тд.