min-heightをIE6でも使えるようにする

スタイルシートで

height: auto;

と指定してブラウザで見ると中身が少ない時は背景が縮んでしまって見た目が悪い。
それを解消し、あらかじめ最低の高さをキープしておくためのプロパティがmini-heightである。
ひじょうに便利なものであるが、このプロパティは残念な事にIE６には対応いない。

とは言え、現在IE利用者の半分くらいはEI6を使われている現状では無視できない。
なにか得策はないかと探して見るとあった。

それは、「minmax.js」である。
これを適応すると

• min-height
  高さの最低値をあらかじめ指定
• max-height
  高さの最高値をあらかじめ指定
• min-width
  幅の最低値をあらかじめ指定
• max-width
  幅の最高値をあらかじめ指定

が有効になるらしい。

まずはjsファイルをダウンロードする。

ダウンロードしたminmax.jsをはここに置いた。

そして、htmlのhead内にjsファイルを読み込んで完了である。

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