2009-04-07 9 views
1

シナリオは、クライアントがテキストを囲む浮動小数点型のdiv(灰色のボックス)を必要とすることです。しかし、そのテキストの中にはIE6の浮動小数点の背後に隠れるulとolがあります。CSS:UL/OL対IEの浮動小数点がIEに残っています

ulの/ olをdivにラップして、役立つかどうか確認しましたが、失敗しました。誰もこの問題を経験したことがあり、適切な解決策を見つけましたか?

は(注:これは、レイアウトの中に他の多くを変更することができるように限られた能力を持つ古いサイトです)

enter image description here

答えて

3

私はあなたが李の内部の代わりに、外部の彼らの弾丸を表示するように変更することができ、それはあなたを助けるべきだと思います...

ul { 
    list-style-position: inside; 
} 
0

しかし、そのテキストの一部が背後に隠した、ULのとオール年代を含みIE6のフローティングディビジョン

私たちは、このような単純なもの話をしている場合:

<div style="border: dotted red 1px; float: left; width: 100px; height: 100px">foo</div> 
<p>bar</p> 
<ol style="border: dotted blue 1px;"> 
    <li>potato</li> 
    <li>yoghurt</li> 
</ol> 

を次に何がすべてのブラウザだけではなく、IEで発生し、ここで起こります。この例の境界線から見ることができます。リストの左パディングは浮動体の後ろにあり、リストの内容をさらに右に押すことはありません。これは、浮動小数点数は、要素をブロックするのではなく、ラインボックス内の項目を拒否するためです。

速いハックを回避するには、< ul>の< ul>をスタイル 'display:inline-block'で囲みます。 IE6 +フローティング

0

いくつかの意図しない痛みや苦しみの原因は常にあります。いくつかの簡単な修正:

  1. 浮動ボックス
  2. に多くのマージンを追加しますが、あなたのUL /オール
にいくつかの左マージンを追加します。
関連する問題