Таблица с разметкой таблицы: исправлено и изменено размер IE8 по сравнению с IE 7 / Chrome

Question

Я делаю представление временной шкалы в html, но столкнулся со следующей проблемой:

У меня есть строка таблицы с 12 ячейками, которые представляют 12 месяцев, каждый месяц имеет colspan в соответствии сколичество дней в этом месяце.В этой же таблице есть еще одна строка, содержащая дни, поэтому она содержит 365 ячеек.Таблица имеет ширину 100%, а формат таблицы фиксирован.Когда я изменяю размер таблицы в Internet Explore 8, кажется, что все ячейки месяца изменяют размер одинаково, однако когда я изменяю размер в Internet Explorer 7 или Chrome, изменение размера начинается в первые месяцы.Из-за этого возникает иллюзия, что месяцы короче

У меня есть скриншот, чтобы проиллюстрировать проблему. Вы можете видеть, что месяцы с августа по январь меньше остальных:

Пример Jsfiddle: http://jsfiddle.net/GZtrx/

Я в любом случае могу это исправить, не используя Javascript?

Answer 1

Вы можете попробовать что-то вроде этого: Пример JsFiddle , который использует фиксированную ширину% вместо colspan.

Answer 2

Несколько мыслей:

Как насчет того, чтобы пойти в старую школу и использовать прозрачный gif размером 1x1 px и использовать .CSS для стилизации ширины gif?

Прозрачный GIF в качестве ячейки BG.

минимальная ширина в .CSS