it-mall準備ブログ

IT、ICTに関するWebサイトの準備の様子を綴ってます

目指す3カラムレイアウト

今回作ろうとしている3カラムレイアウトはWebアプリケーションで使うものである。

そのために実現したいことを明らかにしておく。

 

固定の高さのヘッダーとフッターを備え、その間の領域を3カラムとする。

左右のカラムの幅は固定でウインドウの幅が変わると中央のカラムの幅が変わる。

フッターは常に表示されウインドウの高さが変わると3カラムの高さが変わる。

3つのカラムはそれぞれの表示内容に応じてスクロールバーを表示する。

なお、可能ならば左右のカラムの幅はマウス操作によって変更できるようにする。

 

これをfloatで実現を試み、困難ならflexやgridも視野に入れ、場合によってはjavascriptを使って実現する。