Home > Mac > Internet Explorer リストをセンタリングしたときにリストマーカーがセンタリングされない

リストをセンタリングしたときにリストマーカーがセンタリングされない

ul要素またはol要素をmargin-left, margin-rightの各プロパティでセンタリングし、li要素をtext-alignプロパティでセンタリングしたとき、リストマーカーだけが左端に寄せられたままになる。

例示

<ul style="margin-left:auto; margin-right:auto; width:50%;">
    <li style="text-align:center;">リスト</li>
    <li style="text-align:center;">リスト</li>
</ul>
  • リスト
  • リスト

marginプロパティで値を一括指定すると無視される】のためにmarginプロパティを用いた一括指定でul要素をセンタリングすることはできません。margin-left, margin-rightの各プロパティで個別指定してください。

スクリーンショット

N7N7.02での表示(標準モード)

補足

CSS2では、list-style-positionプロパティがoutside値である場合(初期値)、リストマーカーはlist-item要素のボックスの外側に置かれると決められています。従ってリストマーカーがtext-alignプロパティによる配置の影響を受けない状態は、バグではないと考えられます。

リストマーカーもtext-alignプロパティによる配置の影響を受ける実装(WinIEやMozillaなど)については、list-style-positionプロパティが、折り返したlist-item文字列の先頭がリストマーカーの下にくるか否かを設定するものであるという解釈に基づくものであると考えられます(CSS1の規定によればこのように考えることもできそうです)。

修正状況

MacIE5.0で不具合の発生が確認されています。これはCSS仕様に従った動作です。

Home > Mac > Internet Explorer リストをセンタリングしたときにリストマーカーがセンタリングされない

Search
オススメ書籍
Feeds

Return to page top