Ben bir takvim için bir HTML tablosu kullanılarak yaşıyorum ve benim veritabanından çeşitli etkinliklerle hücreleri doldurmak istiyorum. Genellikle hafta sonları ineceğim ama bazı uzun bir hafta sonu, resmi tatil ve hatta tek hafta gün sürecek.

Nasıl genişletmek ve buna göre küçültmek için benim tablolar sütunları alabilirsiniz. Ben mümkünse javascript kullanımını önlemek istiyorum.

Bu yapılamaz ise beni div konumlandırma davranmaya yapmak için nasıl etrafında başımı almak için bir öğretici gerekir gidiyorum.

şerefe

Edit some clarification: Picture it like 5 columns, col 1-3,5 = 30px col 4 = 250px

Php nasıl olması gerektiğini genişliği tablosunu çizer Ama önce ben her zaman bilemeyiz. olaylar her gün (sütun) olabilir çünkü.

Final Edit: Looks like I was trying too hard with my CSS. http://www.freeimagehosting.net/uploads/c900b5c77b.png

Ben aşağıda bir öneri takip ve benim genişlik bildirimleri kaldırarak mutluyum bir sonuç var ve max-genişliğine hücreleri değiştirdi. Muhtemelen yapma tüm eğlenmek olacak bu uyumlu sonra: (

Bu benim ile gitti Css olduğunu. td.calendar-gün-np bu ayın başında / sonunda dışında gün vardır.

/* 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;}