カスタムmemo

* 前記事の改善点

・メインカラムのみ両脇borderで上下ぴっちりにしたい。
・サイドバーのメニューが長いと、コメント編集や１記事表示にするとフッター部分があがってしまう。

tableで３つのセルを作る。
メインカラム
メイン（フッター部）
サイドカラム→rowspan="2"セル結合

２カラムそれぞれに、td id でcss（#main-column、#side column）のセレクタを新しく作る。cssで両カラムwidth、メインのみborderを指定。

メイン（フッター部）tdに直接指定。
valign="bottom"　
height="50"

#container
└ table
　　td#main-column（#side-column）
　　　　　└ div#main（div#side）
　　　　　　　　　└ class.content

テーブルtdそれぞれに通常のdiv idが入れ子で入る。

前はテーブルのセル２つに２カラム（div#）をそれぞれ入れてみた。
メインカラムの両脇borderで上下ぴっちりは、div idでなくtd idにborderをcss指定すればセル２つでも問題ない。
あくまでfooter位置（どの状態でも下位置）にこだわらなければ。

反省としては、htmlとcss両方でスタイル指定している部分。
できればtableは使わずdiv（ブロック要素）ですべてcss記述したい派なんだけど、、まだチカラと知識が及ばず。