CSSを使って幅100%で3カラムを表示

いまさらかもしれないですが、昨日に引き続きXOOPSを見ていたら、まだテーブルを使ったレイアウト表示だったので、メインレイアウトだけでもCSSに変更しようということでやったこと

今は、パソコン画面が横に広くなってきているので、幅を100%使うために

#container {width:100%; clear:both;}

そしてその中に3カラムで、メニュー固定幅170pxを一番右側、次に広告などに使うカラムこれも170px
そしてメインのカラムを左側に残った部分を使うようにする

#menucolumn {width:170px; float:right}　一番右

#cmcolumn {width:170px; float:right;}　次に右

#maincolumn {margin-right:350px; width:auto; padding:5px 10px;}　メインの内容

これで、メインのカラムが可変で全体の幅を使ったページのレイアウトができる
この4つの内容だけで、カラムの位置や幅が簡単に変えられるので、テーマの利用時や後からレイアウト変更にも簡単に対応できるはず