pagetop

IE6でもmin-heightを使う方法。

このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加このエントリをTwitterに追加

少し必要になったのでまとめてみます。

ここでも書きましたが、JSを使わないといけなかったのですが、CSSで出来るみたいなので、

紹介します。

因みに、min-Xは最小サイズをしていするCSSです。

サンプル

min-width

min-height (無し)

min-height

min-widthは、JavaScriptのexpressionメソッドを使ってIE6に対応しています。

.min-width {
	height: 50px;
	width: 5%;
	min-width: 300px;
}
/* IE6 */
* html .min-width {
	width:expression(document.body.clientWidth < 300? “300px” :
}
min-heightは、heightをautoを !importantにして、IE6だと!importantを指定しても、height: 500pxを適用するらしいです。モダンブラウザはheight: autoが有線されるみたいです。

あと、height: autoをIE6だけに適用します。
.min-height {
	width: 500px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}
 html>body .min-height {
	height:auto;
}

Post a Comment

Eメールは必ず 入力してください。. *このマークが付いている物は必須項目です。

*
*

clear
clear

a