ほぼ目指した通りの3カラムレイアウトをfloatで実現できた。
Webアプリケーションとして利用するために
idやクラス名の付け方を工夫したりする必要はあるが
ここで区切りを付けて次に進むことにする。
(サイズ変更もまだ)
次はヘッダー部に置くメインメニュー、
サイドバーに置くサブメニュー、
自由な場所に表示できるポップアップメニューを実装する。
いずれも3階層程度のドロップダウンメニューとする。
3カラムレイアウトと違ってcssを使った単なる配置ではなく、
定義方法、イベントとの紐付け、動的な変更など
javascriptを含めて実装方法が重要になる。
ここを乗り越えればいよいよビジネスロジックに取り掛かれるので
それを楽しみに・・・。