min-widthを使うときのIE6への配慮 | Traveloguemin-widthは、リキッドデザインでHTMLコーディングするときに、横幅の最小値を設定しておけるCSSのプロパティです。これを設定しておくことにより、横幅が一定の値以下には縮まらないように設定しておくことができます。 ブラウザのウィンドウサイズを極端に小さくしたときに、レイアウトが崩れるのを防ぎたいときに便利です。 しかし、IE6はmin-widthに対応していません。 IE6のユーザーはいまだに結構いるため、無視するわけにもいかず、別の方法でIE6向けの対応します。 こんなとき、IE独自に実装されているダイナミックプロパティのexpressionメソッドを用いる方法があります。 まず、IE6以外の新しいブラウザ向けにはmin-widthで横幅を指定しておきます。 #contents { min-width: 950px; } で、その下に以下を書きます。 * html #conten
