[IE]IE6でもmin-width、min-height、max-width、max-heightを使う方法

jQueryプラグイン・ライブラリ

2012.12.20

IE6ではCSSの「min-width」「min-height」「max-width」「max-height」が効かないため、javascriptなどを利用して別途対応してあげる必要があります。

今回紹介させていただくminmax.jsは、設置するだけでIE6でも「min-width」や「min-height」が使えるようになりますので、企業サイト構築時にIE6対応までやる場合は外せません。

minmax.jsのダウンロード

以下のサイトからminmax.js というjavascriptファイルをダウンロードします。
minmax.js

minmax.jsのダウンロード

minmax.jsの設置

minmax.jsの設置

あとはminmax.jsを<head>内に設置するだけです。

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

<head>

</head>

CSSでは普通にmin-width、min-heightを記述します。

#hoge	{
width:700px;
min-width:500px;
}

#hoge {

width:700px;

min-width:500px;

}

IE6でmin-width:500pxの位置までブラウザの幅を縮めると、一瞬カクンッ♪となりますが、全く使えないよりはマシかと。