簡単にモックを書いてみました。
足りない要素もあるわけですが、勢いのままにとりあえず作ってみました。
CSSがない状態
CSSがない状態の表示
テキストリンクをクリックすると実際に作ったhtmlファイルが表示され、画像をクリックするとキャプチャが表示されます。
素のHTMLです。次のＣＳＳがある状態は、このＨＴＭＬにCSSの設定を足したものになります。
CSSがある状態：boxsubが右側
CSSがある状態：boxsubが右側の場合
boxmainとboxsubをfloat:leftで設定をしています。文書としては、boxmainのほうが先に記述していますが、表示は右側になっています。
CSSがある状態：boxsubが左側
CSSがある状態：boxsubが左側
boxmainとboxsubをfloat:rightで設定をしています。表示が左側になっています。
ID名をbox_rightのように、右左を表す表記にすると、ＣＳＳの設定によってＩＤの表す方角が嘘になってしまうため、役割である「メイン」「サブ」という命名をしています。
カレンダーについては、次のサイトを参考にさせていただきました。
A CSS styled calendar
カレンダーを複数設置する場合を考え、#calendarではなく、.calendarとして設定をしています。
（つづく）
#とりあえず寝ます(^_^;)
#MacIE5.2 で表示崩れがあったのでCSSを修正。うっかりうっかり。
#WinXP IE6 Firefox でとりあえず確認。
#Mac IE5.2 Firefox Opera9.27 Safari3.1.1 でとりあえず確認
#もちょっと調整したい部分もあるけど、とりあえずなのでこれでｗ
#テーブルの基本設定もいれとかないと不便なことに気がついた・・・・・（汗）
#ページャーも必要だね！