html - IE9 で浮動画像が順序付けられていないリストをゆがめる

Question

コードは次のとおりです: [削除] ページの中央にある 3 つのコンテンツ ボックスに気付いた場合、それらすべての左側に画像が浮かんでいて、そのうちの 2 つには順序付けられていないリストもあります。chrome/ff では、順序付けられていないリストはフローティング画像の右側に適切に移動しますが、IE9 では、画像がボックスの左側に箇条書きを押してリスト幅を拡大するように見えます。私は考えられるすべてを試しましたが、運がありませんでした。どんな助けも大歓迎です。

Answer 1

IE9 は、リスト項目の位置を正確に配置する方法を知りません。次を使用します。

li{list-style-position: inside;}

フローティング画像を含む div 内のリスト。幸運を！

Answer 2

あなたのhtmlをチェックしてください。<p>閉じていないタグがあります。現時点では ie9 でページをライブ編集できませんが、これが問題かもしれません。

編集：しかし、そうではありませんでした。要素の幅を手動で設定すると機能します<li>が、これは画像のパディングを編集することを意味します (そうでないブラウザーでは見た目が異なるため、これは望ましくありません)。実際、ie9の「互換モード」では正しいです。