これは、以前仕事で少々複雑な条件下でこのレイアウトを実現しようとしてかなり苦労した表現方法である。答えを知っていれば５分で解決つくものなのだが。知っていると知らないとではかかるコストは大違いである。

メニューを固定幅にしたリキッドデザイン

CSSに記述を追加。
以下の２点。

• IE6…背景色が指定された要素内にfloatがある場合要素内の文字が消える
• IE…urlなど半角文字の文が折り返さずにはみ出る

デザインパターン項目にGofの23デザインパターン表を記述。