3カラムにデザインをマイナーチェンジしましたどうにもならない劣情の種子を植え付けられたばかりにretujyou.com2007/07/113カラムにデザインをマイナーチェンジしました個別記事のページの中段部分(記事本文の下、フッターの上)をリキッド(可変)レイアウトの3カラムにして、デザインをマイナーチェンジしました。左から順に、コメント・トラックバック、関連記事、最近の記事って順番に並ぶようにしています。可変3カラムを作る時の注意点をいくつかあげてみます。floatするボックスには、paddingとborderを指定してはいけない可変3カラムを作るのfloatを多用します。その時に一番に注意すべき点がこれだと思います。floatするボックスにpaddingとborderを指定してはいけないのは、IEバグへの対処で以下の2点の理由からです。WinIE6バグ回避法)よってfloatするボックスにはwidthを絶対指定しなければならず、widthを指定したので、paddingとborderを指定してはいけません。min-width、max-widthに対応してないので(XML宣言すると対応しなくなるので)、使わないか、もしくは代用方法をとります。CSSのみで対応させる(試したけど僕の環境ではうまくいかなかった。してやると、本来は適用しないブロック要素までセンタリングするので、それで代用します。%での幅指定とカラム落ちボックスをあんまりカツカツに詰めすぎるとカラムが落ちてしまいます。ならないように、足して100%にならないようにします。新しくデザインを変更した部分は、特にたいした事をしてないリキッド(可変)レイアウトの3カラムです。記事の本文とかは900pxの固定幅のレイアウトなんだけど、新しいデザインの部分は可変レイアウトで、min-widthとmax-widthで最大最小幅を決めています。HTMLとCSSはそれぞれこんな感じにしました。