IE6/IE7め…リスト縦表示(画像使用)にて隙間が出来る件


やっと解決した…IE6/IE7は手がかかる…。

こちらがものすごい参考になりました。

li{
    line-height: 0;
    font-size: 0;
    vertical-align: bottom;
}

これだけでよかった。
zoom:1とかなんやかんやいれてもあかんかったけど、これだけで解決。


こんなに数があると思わなかった。
めも。

■IEにだけ適応

<!--[if IE ]>
<p>あいうえお</p>
<![endif]-->

■すべてのIE以外に適応

<![if !IE ]>
<p>かきくけこ</p>
<![endif]>

■バージョン指定で適応

<!--[if IE 6 ]>
<p>IE6になら、いいよ…</p>
<![endif]-->

■バージョン指定(~以上)で適応

<!--[if gte IE 5 ]>
<p>IE5以上が対象なんだからねっ!</p>
<![endif]-->

■バージョン指定(~よりも上)で適応

<!--[if gt IE 5 ]>
<p>IE5よりも上の子が対象なんだからねっ!</p>
<![endif]-->

■バージョン指定(~以下)で適応

<!--[if lte IE 6 ]>
<p>IE6以下が対象なんだからねっ!</p>
<![endif]-->

■バージョン指定(~よりも下)で適応

<!--[if lt IE 6 ]>
<p>IE6よりも下の子が対象なんだからねっ!</p>
<![endif]-->

■バージョン指定で適応させない

<!--[if !IE 6 ]>
<p>IE6には見せられないよ!</p>
<![endif]-->

hover?active?visited?link?


a:link { color:****;}
a:visited {color:****;}
a:hover {color:****;}
a:active {color:****;}

順番はこう。