« MovableTypeのリッチテキスト | メイン | イワナの卵の醤油漬け »

2009年07月13日

リストタグ使用時のInternetExplorerの変な隙間解決法

リストタグ<li></li>でメニューバーなどをコーディングしたときに、
InternetExplorerだけ変な隙間が出ます。

※下記サイトにサンプルがあるので、InternetExploreとFirefoxで見比べて下さい。
≫ リストタグを使用時のIEでの変な隙間を消す

ただ、このサイトの対処法だと、
該当するliに

-----------------------------
line-height:0;
-----------------------------

を書き加えれば大丈夫らしいのだが、上手く修正されなかったので、

-----------------------------
#menu li {
font-size:x-small;
list-style-type:none;
line-height:1em;
}
#mn01 a {
display:block;
width:190px;
height:32px;
}
-----------------------------

と、こんな感じで、該当するLIに「line-height:1em;」を書き足したところ、IEでの変な隙間は解消。

投稿者 yossy : 2009年07月13日 11:50

トラックバック

このエントリーのトラックバックURL:
http://www.tetsuya.yoshida.name/cms/mt-tb.cgi/237

コメント

コメントしてください




保存しますか?