May  11,  2007

リキッドデザインで重宝するIEでmin-widthを使えるようにする方法

仕事で悩んでいるときに、教えてもらったところ、
非常に助かったので、みなさんにも。
リキッドデザインをCSSでコーディングしたとき、
困るのが、縮め過ぎると、レイアウトが崩れて意図しない形に
なってしまいます。
3段組が2段組になったりとか。。。

そんなとき、CSSのmax-withやmin-widthと回避できるわけですが、
残念なことにIE6では効かない！

というとき、このJSを使ってみると、一発解決！
素敵なライブラリです。


CSS minimum and maximum sizes

使い方は簡単！


という具合にJSを読み込んで、class:minmaxを指定するだけです。
便利です。


詳しい解説はこちら minmax.js - IEでCSSのmax-widthなどを使えるようにするライブラリ

このエントリをはてなブックマークに登録Kawata ： 1:59 AM

このエントリーのトラックバックURL：

http://www.link-log.net/mt/mt-tb.cgi/733

コメント

とあるとても親切な人の ご指摘でサンプルコードに間違いがあったのを修正しました。 ご指摘いただいた方ありがとうございます。

kawata ： 3:55 AM

コメントを投稿

今までこのblogでコメントしたことがない場合、オーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらくお待ちください。