Home > CSS > 【CSS】zoom:1;の落とし穴

【CSS】zoom:1;の落とし穴

追記(2009/11/13 13:57)　現象が見づらそうなので画像に変えました。

HTML

<ol>
   <li>いちばん</li>
   <li>にばん</li>
   <li>さんばん</li>
</ol>

CSS

*{
zoom:1;
}
ol{
list-style-type:decimal;
}
ol li{
width:200px;
}

ってあった場合

IE6、7で

IE6,7で見た場合

みたいにリストのマーカーが消えました。

とりあえず引っ張り出してみる

ol{
padding-left:2em;
}

みたいな感じで成功、と思いきや

IE6,7で見た場合その2

なんだこりゃ。

どうやらol と li に zoom:1; を指定した(hasLayout=true にした)場合、 IE5.5以上で、リストの連番が1のみになり、 IE6以上で、リストのマーカーが消えるらしいです。

なので、hasLayout=false に戻してみる。

ol li{
zoom:normal;
}

ってやってなんとか元に戻りました。

zoom！zoom！ zoom:1; 最強！　とか思ってたけど、なんでもかんでもやればいいってもんじゃないみたいです。

Comments:0

Trackback URL for this entry: http://unolabo.boo.jp/archives/2009/10/16-zoom1%e3%81%ae%e8%90%bd%e3%81%a8%e3%81%97%e7%a9%b4.html/trackback
Listed below are links to weblogs that reference: 【CSS】zoom:1;の落とし穴 from うのらぼ。

Home > CSS > 【CSS】zoom:1;の落とし穴

Pages

Recent Entries

Categories

Archives

Tag Cloud

素晴らしい人たち(リンク)

Search

Feeds

Meta

Return to page top