IE7でulおよびolリストが正しく表示されないのはなぜですか？

StackOverflow https://stackoverflow.com/questions/837762

質問

何かがIE7のリスト（ ul および ol ）の表示を壊しているようです。 IE8、FF、Safariなどでは正常に動作しますが、IE7およびIE6では動作しません。

それらを正常に表示したいだけです。 ul リストには箇条書きを表示し、 ol リストには数字を表示する必要があります。

styles_layout.css ...のコードの最初の1000行に絞り込みました;）

実際、次のスタイルと関係があると思います：

* { margin: 0; } 

html, body { height: 100%; } 

.wrapper 
{ 
  min-height: 100%; 
  height: auto !important; 
  height: 100%; 
  margin: 0 auto -39px; 
}

こちらをご覧ください： http：// www.olvarwood.com.au/olvarwoodonline/mod/forum/discuss.php?d=2 、 guest

としてログイン
役に立ちましたか？

解決 3

試行錯誤して自分で解決しました：

* {
    margin: 0;
}

これにより、IE 7およびIE6でOlおよびUlが適切に表示されなくなります。理由がわからない...

他のヒント

IE7以下のスタイルul要素は次のようになります。

ul {
  margin-left: 40px
}

優れたブラウザは、次のようなul要素をスタイルします。

ul {
  padding-left: 40px
}

Eric Meyerによる説明はこちら： https://developer.mozilla.org/en/Consistent_List_Indentation セクション「一貫性の検索」何をするのか教えてくれます。

これは、ul / li要素がゼロマージンプロパティを継承しているためです。

cssの専門家のふりをすることすらありません。いつもお尻を蹴られますが、たまたまこれに遭遇しましたが、状況は少し異なりました。

ulに関連付けられたクラスを指定し、list-typeを設定する必要が生じました。

.classname ul { list-style disc inside }

試してみて、役立つかどうかを確認してください。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top