2011年3月18日
IE6&7でliタグに隙間(floatでは段)ができるバグ
liタグで普通にコーディングをした場合、隙間ができてしまう。
普段、FFとChromeばっかで、昔に作ったサイトみて愕然とした。
愕然と言うより、キモ冷やした。お金もらったし。
Ajaxで横にliを並べてた。
基本的には、拾いソースのAjaxで、組込みしただけなので、気にもとめなかった。
marginとかpaddingを0にとかの問題ではなく、そのデフォルトのCSSファイルに、
<ul> <li><a href="#">ABC</a></li> (XXXXXX 隙 間 XXXXXX) <li><a href="#">DEF</a></li> </ul>
li {
font-size:1px;
line-height:0;
}
li a {
display:block;
font-size:12px;
line-height:normal;
}
font-size:1pxは、文字がない場合(画像置き換え)だと関係無し。