現在、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ライブラリです。

