« 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:
https://www.tetsuya.yoshida.name/cms/mt-tb.cgi/237