電線の画像

Pointgets.net

写真やサンプルプログラムなど、日々の気になった出来事をメモしてる個人的なブログです。

IE6やIE7のリストをinline-blockで横に並べる

CSSを使用して、IE6やIE7のリストをinline-blockで横に並べました。

ul li{
	display:inline-block;
	*display:inline;
	*zoom:1;
}

サンプルコードです。IE6やIE7では、hasLayoutをtrueに指定すると"display:inline-block;"のリストが横に並びました。

サンプルコードです。IE6やIE7では、"*"が"zoom:1;"に指定されている場合、zoomの値をnormalのデフォルト値に設定します。hasLayoutをtrueに指定すると"display:inline-block;"のリストが横に並びました。

スポンサードリンク
スポンサードリンク