IE7でulおよびolリストが正しく表示されないのはなぜですか?
-
10-07-2019 - |
質問
何かが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 }
試してみて、役立つかどうかを確認してください。
所属していません StackOverflow