リストタグを使用した際にIEで生じる隙間を消す｜web bibo
リストタグを使用してメニューを作ることは良くあると思いますが、この時にIEだけに変な隙間が入る事があります。Firefox、Safari等で見るとちゃんと隙間なく詰まってるのに。。。またIE様のバグですかぁ。と憤る方もいると思います。 これはmarginやpaddingの問題でなく、IEではリスト内のインライン要素をブロック化した場合、line-heightの解釈がおかしくなるみたいです。 →メニューの間に隙間ができるサンプル 解決策は以下のとおり。 HTMLコード <ul> <li><a href="#">メニュー01</a></li> <li><a href="#">メニュー02</a></li> <li><a href="#">メニュー03</a></li> </ul> CSSコード ul { list-style-type: none; width: 300px; } a { d
新米デザイナーの日報|design tracks - IE7、8でリストに隙間ができる
先日サイドナビゲーションの部分でつまずいたので、備忘録程度に書いておきます。 デザインとしては、各都道府県が書かれた画像をサイドバーに、縦にずらーっと並べる形なんですが、 IE7、8以外だとこんな感じでも問題ないです↓ ■html <ul> <li><a href=""><img src="" /></a></li> <li><a href=""><img src="" /></a></li> <li><a href=""><img src="" /></a></li> <li><a href=""><img src="" /></a></li> <li><a href=""><img src="" /></a></li> <li><a href=""><img src="" /></a></li> <li><a href=""><img src="" /></a></li> <l
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
