読者です 読者をやめる 読者になる 読者になる

Life is Really Short, Have Your Life!!

ござ先輩の主に技術的なメモ

IEでlist-style-typeが表示されない

css

30分ぐらい時間とられた。

float指定してリストを横に並べている時にデフォルトの「・」が表示されないことがあるようですが、それ以外にも表示されないことがあります。ulにマージン指定してる場合。

<ul style="margin-left:20px;">
 <li>あいうえお</li>
 <li>かきくけこ</li>
 <li>さしすせそ</li>
 <li>たちつてと</li>
</ul>

こーゆー状態だと「・」は20px左に残ったままになって、overflowした部分はhidden扱いになるようで、黒ぽっちが表示されません。Firefoxは問題なく表示されました。IEのバグっぽい。IE爆発しろ!

ulにpadding-left:20pxってやると黒ぽっちが表示されるわけですが、大抵リスト要素ってdivで囲われることが多い気がしますので、divのpaddingとかで調整したほうがこんなしょうもない問題に出くわすことも無いと思います。