min-heightは初心者の方はあんまり使った事のないプロパティかなと思いますが、知るととても便利なのでちょいと勉強しておきましょう^^

min-heightとは?

min-heightは高さの最低値を指定するプロパティです。
CSSではmin-height以外にも最低値や最高値を指定出来るプロパティがあるのですが、残念な事にIE6はそれらのプロパティには対応していません。
それをjsファイルでIE6に対応させるのが「minmax.js」です。
IE6に適応させるjsファイルは以下の通り。

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

使い方

まずはjsファイルをダウンロードしましょう。

ダウンロードが出来たなら次はhtmlのhead内にjsファイルを読み込んで完了です。

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

これだけで完了。
楽ちんで便利です^^

トラックバックURL

このエントリーのトラックバックURL:
http://www.cssmake.com/mt/mt-tb.cgi/26

コメント

コメントする

(初めてのコメントの時は、コメントが表示されるためにこのブログのオーナーの承認が必要になることがあります。承認されるまでコメントは表示されませんのでしばらくお待ちください)


画像の中に見える文字を入力してください。

categories
recent entry
  1. デザインにインスピレーションをくれるサイト「faveup」
  2. デザインの役に立つ黄金比と白銀比
  3. min-heightをIE6でも使えるようにするjsファイル「minmax.js」
  4. IE6でも背景やらimgで透過PNG画像を使えるようにする。
  5. ブラウザについてダラダラ書いてみる
  6. IE6でfloatしたボックスのmarginの値が2倍になるバグの対処方法
  7. Floatした背景が表示されなくなっちゃった><
  8. ブラウザごとのCSSの解釈の違い
  9. CSSテンプレートをつくってみようかと思っていたりする
  10. キーカラーを打ち込むと自動で合う色を教えてくれるWebアプリ「ColorBlender.com」
archives
  1. 2008年6月 [4]
  2. 2008年5月 [3]
  3. 2008年4月 [8]
tag cloud
pagetop