2009年4月 Archive

きまった枠のBOX内にカレンダーをおさめる

カレンダーの高さ

MovableTypeやSereneBachや楽天ショップや、その他いろいろなシーンで、カレンダーのHTML表示って出てきます。

デザイン上、きまった枠のBOX内に、カレンダーをおさめないといけないこともあります。

カレンダーの高さは、月によってまちまちで、今年の2月のように4行で終わることもあれば、今年の8月のように6行に及ぶことも・・・。

ゆとりをもたせると、4行で短い月は下がスカスカになってダサいし、
4,5行で合わせて組んで6行の月はスクロールバーを出す、なんていうのも何だかナンセンス。(いずれにせよ結局見づらい)

ということで、tdやセルに高さを持たせるんじゃなく、
table自体に高さを入れて引き伸ばす、ていう作戦が一番自然にいきます。きっと。

1