Clever Geek Handbook

IE6-7、明白でないグリッチ

olリストのli要素に対してhasLayoutをアクティブにするスタイルを設定すると、IEブラウザーバージョン6および7の異常な（いずれの場合でも、明らかではない）動作に遭遇しました。





写真を明確に提示するために、例を挙げます。 

 <！DOCTYPE html PUBLIC "-// W3C // DTD XHTML 1.0 Strict // EN"
	 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns = "http://www.w3.org/1999/xhtml">
 <head>
	 <meta http-equiv = "content-type" content = "text / html; charset = utf-8" />
	 <title>サイトのタイトル</ title>
	 <style type = "text / css">
		 ol {
			 list-style-type：decimal;
		 }
	 </ style>
	 <！-[IE 7の場合]>
		 <style type = "text / css">
			 li {
				ズーム：1;
			 }
		 </ style>
	 <！[endif]->
 </ head>

 <本体>
	 <ol>
		 <li> 1 </ li>
		 <li> 2 </ li>
		 <li> 3 </ li>
	 </ ol>
 </ body>
 </ html>




この場合、IE8を含むすべてのブラウザーで、リストには1から3までの番号が付けられます。 IE6-7では、リストにはユニットのみが番号付けされます。

ズームはオプションとしてのみ示され、代わりに高さと幅を置き換えることもできます-結果は同じになります。



もちろん、olリスト内のli要素に特定のサイズを示す必要があり、同時に要素の番号付けを希望する場合は非常にまれです。 頭に浮かぶのは、liのサイズを示すCSSでネストされたカウンターを使用することだけです。 （いいえ、これはIE6-7でも機能しません）。



UPD：この問題の解決策はtenshiを提案しました。 IE6-7のスタイルでは、次のプロパティを指定する必要があります 

   ol li {
      表示：リスト項目;
      垂直方向の整列：上;
     }


More articles:


All Articles