CSS でサイトのデザインをするようになって、リキッドデザイン ((サイズ可変デザイン、見栄えがウィンドウサイズに依存しない))っていいな、と思うようになりました。しかし、いくら水のように相対的に横幅が変わっても、限度というものがあります。
ここで活躍するのが max-width と min-width 。これを指定しておけば幅の最大値と最小値が設定されるので、びろびろに広がるのとも、ぎちぎちに詰まるのともおさらばです。が、こんなに便利なプロパティなのに IE では対応していないのです。 IE ユーザーはシェアの大部分を占めているわけですから無視するわけにはいきません。
そう思っていたところで、 Napdays さんで毎回美しいデザインにうっとりしつつ、リニューアル 2005年10月を読んでいると、
IEでもmin/maxを実現するために、doxdesk.comのminmax.jsを使用しています。
これは求めているものそのままではないですか。
JavaScript で擬似的に実現させているようです。他に日本語での情報はないだろうかと探したところ、サイケデリックビビアンさんで IEでmin-widthとmax-width 、という記事が。読み進めてゆくと、え? P_Blog ? 慌ててこのサイトを IE で見てみます。ウィンドウサイズを変えてみると、あ。
笑って幅可変デザインを試すことができそうですははは。
P_Blog を使い始めて早三ヶ月、全然気付いておりませんでした。
そういえば、 IE7 ってどうなるのでしょうか。上記の max/min-width はもちろん、 margin に auto を指定しても効かない、とか、半透明 PNG に対応していない、なんていうのにはとっとと対応してもらわないと困るのですが、「 Windows XP SP2 とそれ以降」向けだけだと、使えない人もいるはずですから、困ったものです。あまり期待はしていませんが。
というような長い記事を3度ほど消してしまったうつけ者は私です。同じ過ちを犯さぬようにお気をつけ下さい。