CSSのの中に「min-width」「min-height」「max-width」「max-height」と言うプロパティがあるのですが、IE6ではそのままでは使えないので知らない人もいると思うですが、これがけっこう使えるんですよね。
サイト全体の横幅をpx指定せずに、%やaoutなどを使ってブラウザのサイズに合わせて可変するようなサイトを見かけるんですが、この時にmin-widthとかを指定しておくとブラウザのサイズが小さくなっても表示が変にならないようになるんですよ。
まぁーそんなわけでIE6でも実装出来る方法を解説しておきます。
プロパティの意味
| プロパティ | 意味 |
| max-width | 幅の最大値を指定する |
| min-width | 幅の最小値を指定する |
| max-height | 高さの最大値を指定する |
| min-height | 高さの最小値を指定する |
JavaScriptで実装する方法
これが一番簡単で楽な方法だと思います。たぶん実際使っているみなさんのほとんどがJavaScriptを使っていると思いますよ。
- minmax.jsをダウンロード
（ページ一番下にあるVersion 1.0: module, test page.からダウンロード）
ダウンロード後下記ソースをhead内に記述。（この時jsへのパスは任意のものして下さい。）
<script type="text/javascript" src="minmax.js"></script>
JavaScript以外で実装する方法
具体的に言うとCSSのexpressionと言うものを使っての実装方法とCSSハックを使っての方法があるんですが、正直少しややこしいです...。
なので詳しく解説をしているサイトを紹介しておきます。
