Webシステム用管理者画面作成マニュアル デザイン/HTML/CSS/JavaScript集
JavaScript

min-height,max-height,min-width,max-widthをIEで使う

現在、min-height,max-height,min-width,max-widthは、新しいブラウザ(Firefox・IE7他)では使用できますが、IE6では使用できないという仕様です。

これを有効にする方法がJavascriptであるのですが、いまいち使い勝手は良く有りません。
なぜかというと、あくまで「IE6」だからです。それに「max-height,min-width,max-width」はあまり使いません。この中でも使うのは「min-height」が大多数を占めると思います。まれに「max-height,min-width,max-width」を使う方のために、参考としてJavascriptで使えるようにする方法を載せました。

配布元⇒doxdesk.com

配布元が外国サイトなので、よく閉鎖したりします。こちらにも保管しておきました。

minmax.js Version 1.0 minmax.lzh ダウンロード

こちらには、CSSでIE6・IE7・FF2・FF3・Safari3・Opera9・Mac IE5.1・Mac IE5.2に対して「min-height」を有効にする方法を記載しました。

(1)設置
設置方法はダウンロードしたminmax.jsをhead要素内などで読み込むだけです。
外部ファイルとして、「minmax.js」をおくといいでしょう。そして、ヘッダー内に、外部ファイルへのリンクを記述します。

<script type="text/javascript" src="minmax.js"></script>

minmax.jsはIE6以下でmin-width,max-width, min-height , max-heightのプロパティを利用可能にするjsライブラリになります。
CSS2では以下のプロパティが定義されているがIE6には実装されていません。

max-width - 要素の横幅の最大値を指定する
min-width - 要素の横幅の最小値を指定する
max-height - 要素の高さの最大値を指定する
min-height - 要素の高さの最小値を指定する

minmax.jsはこれらのプロパティを利用可能にするjsライブラリです。

▲UP
エルテ化粧品
▲「エルテ化粧品」スポンサーサイトです。
(c)kanri-gamen