Столбцы переменной ширины в таблице

Я использую HTML-таблицу для календаря, и я хочу заполнить ячейки различными событиями от моей базы данных. Обычно они будут приземляться по выходным, но некоторые будут работать в течение длинных выходных, выходных дней или даже нечетный недельный день.

Как я могу заставить свои столбцы таблиц расширять и сжимать соответственно. Я хотел бы избежать использования JavaScript, если это возможно.

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

удачи

Отредактируйте некоторое разъяснение: Изобразите его как 5 столбцов, седло 1-3,5 = седло на 30 пкс 4 = 250 пкс

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

Заключительное Редактирование: Похож я пробовал слишком трудно своим CSS. http://www.freeimagehosting.net/uploads/c900b5c77b.png

Я получил результат, которым я доволен следующим предложение ниже и удаление моих объявлений ширины и изменил ячейки на макс. ширину. Вероятно, движение имеет всю забаву сделать это совместимым позже :(

Это - CSS, с которой я пошел. td.calendar-day-np являются днями, исключенными с начала/конца этого месяца.

/* calendar */ 
table.calendar{width:100%;border-left:1px solid #999;}
tr.calendar-row{}
td.calendar-day{min-height:80px;position:relative;}* html div.calendar-day{height:80px;}
td.calendar-day:hover{background:#F9F9FA;}
td.calendar-day-np{background:#F9F9FA;min-height:80px;}* html div.calendar-day-np{height:80px;}
td.calendar-day-head{text-align:center;padding:5px;font-weight:bold;background:#ccc;border-bottom:1px solid #999;border-top:1px solid #999;border-right:1px solid #999;}
div.day-number{background:#ccc;padding:5px;color:#fff;font-weight:bold;float:right;margin:-5px -5px 0 0;width:20px;text-align:center;}
/* shared */ 
td.calendar-day,td.calendar-day-np{max-width:200px;padding:5px;border-bottom:1px solid #999;border-right:1px solid #999;}