各ブラウザのリストの表示解釈

実例

  1. OLのリスト
各ブラウザでのデフォルトスタイル
CSSプロパティ Mozilla(2003031408-trunk) Opera7.03 InternetExplorer6 SP1 あなたの算出値
margin-left(UL>LI) 0px 0px 0px
margin-left(OL>LI) 0px 0px 0px
padding-left(UL) 40px 0px 0px
padding-left(OL) 40px 0px 0px
margin-left(UL) 0px 40px 40px
margin-left(OL) 0px 40px 40px

各ブラウザでのリストのエミュレート

Mozilla(2003031408-trunk)

メジャーブラウザで唯一リスト要素のpadding-leftでliを配置している。

ULのリスト
OLのリスト

Opera7.03

LI要素に5pxの上マージンがついていることに注意しなくてはいけない。

ULのリスト
OLのリスト

InternetExplorer6 SP1

マーカー位置が何故か実例とは異なる位置に表示されている。

ULのリスト
OLのリスト
Masayuki Nakano(問い合わせ先)