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で見た場合

IE6,7で見た場合

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

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

ol{
padding-left:2em;
}

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

IE6,7で見た場合 その2

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

Comment Form
Remember personal info

Trackbacks: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;の落とし穴

Search
Feeds
Meta

Return to page top