[IE]IE6でも min-width、min-height、max-width、max-height を使う方法
スポンサード
スポンサード
またまたIE6ですが、
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 を <head>内に設置するだけです。1 2 3 | <head> <script type="text/javascript" src="minmax.js"></script> </head> |
CSSでは、普通に min-width
、min-height
を記述します。
1 2 3 4 | #hoge { width:700px; min-width:500px; } |
IE6で min-width:500px
の位置までブラウザの幅を縮めると、一瞬カクンッ♪となりますが、全く使えないよりはマシかと。
スポンサード
コメント