« IPA H18年度ウェブアプリケーション開発者向けセキュリティ実装講座 に行ってきました | トップページ | FireFoxでクリップボードに書き込む方法 »

2006/12/21

minmax.js - IEでCSSのmax-widthなどを使えるようにするライブラリ

minmax.js(doxdesk.com)

FireFoxなどでは、以下のCSSを使えてとても便利です。
  • min-width  ・・・要素の最小幅
  • max-width ・・・ 要素の最大幅(指定幅までしか広がらない)
  • min-height ・・・ 要素の最小の高さ
  • max-height ・・・ 要素の最大の高さ(指定の高さまでしか広がらない)
でも、これはIEでは使えず大変不便です。

上記CSSをIEでも使えるようにするのが、minmax.jsです。

・サンプル



minmax.jsの読み込みをコメントアウトしている状態だと、IEでは次のように表示されます。

minmax.jsイメージ

コメントを外して、minmax.jsを読み込むと、IEでもmax-widthが有効になってます。

minmax.jsイメージ

これは便利!


(余談)なんか’さきすせそ’になってますがこのままで(笑)。
feedpath tags: , ,   generated by feedpath

« IPA H18年度ウェブアプリケーション開発者向けセキュリティ実装講座 に行ってきました | トップページ | FireFoxでクリップボードに書き込む方法 »

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/14182/4624224

この記事へのトラックバック一覧です: minmax.js - IEでCSSのmax-widthなどを使えるようにするライブラリ:

» リキッドデザインで重宝するIEでmin-widthを使えるようにする方法 [link-log powered by fullsizeimage.inc]
仕事で悩んでいるときに、教えてもらったところ、 非常に助かったので、みなさんにも。 リキッドデザインをCSSでコーディングしたとき、 困るのが、縮め過ぎると、レイアウトが崩れて意図しない形に なってしまいます。 3段組が2段組になったりとか。。。 そんなとき、CSSのmax-withやmin-widthと回避できるわけですが、 残念なことにIE6では効かない! というときのこのJSを使ってみると、...... [続きを読む]

受信: 2007/05/11 02:15

« IPA H18年度ウェブアプリケーション開発者向けセキュリティ実装講座 に行ってきました | トップページ | FireFoxでクリップボードに書き込む方法 »