３段組にする便利なスタイルシート display : table-row 、table-cell

３段組にする便利なスタイルシート。
displayプロパティで、以下のように設定する。

並べたい３つのカラム全体を包むラッパークラスに、table-row を設定。
.wrapper {
display : table-row;
}
並べたい３つのカラムに、table-cell を設定。
.left , .center, .right {
display : table-cell;
}

これにより、htmlのtableタグの代わりをしてくれる。
FireFox、Operaなどではうまく表示されるが、残念ながら、IE6,7等ではうまく表示されない。
IE8以降で実装されるそうだから、あと2,3年すれば、この方法が主流になるそうだ。


３カラムのサンプルサイト
http://www.sitepoint.com/examples/3col.html