CSS: UL's / OL's مقابل DIV Floating اليسار في IE

Question

السيناريو هو أن العميل يريد div العائمة (المربع الرمادي) مع النص الذي يلتف حوله. ومع ذلك، يتضمن بعض هذا النص ul's and ol، الذي يختبئ خلف الحف العائمة في IE6.

حاولت التخلص من UL's / OL في DIV لمعرفة ما إذا كان ذلك من شأنه أن يساعد، لكنه غير ناجح. هل شهد أي شخص هذه المشكلة قبل ووجد حلا مناسبا؟

(ملاحظة: هذا موقع قديم مع قدرة محدودة على أن تكون قادرا على تعديل الكثير في التصميم)

Answer 1

أعتقد أنه يمكنك تعديل لي لعرض الرصاص في الداخل بدلا من الخارج وينبغي أن يساعدك ذلك ...

ul {
   list-style-position: inside;
}

Answer 2

ومع ذلك، يتضمن بعض هذا النص ul's and ol، الذي يختبئ خلف الحف العائمة في 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>

ثم ما يحدث هنا يحدث على جميع المتصفحات، وليس فقط أي. يمكنك رؤيته من الحدود الموجودة على هذا المثال: تحدث الحشو الأيسر للقائمة خلف تعويم، ولا يدفع محتوى القائمة إلى اليمين. هذا لأن يطفو فقط عناصر صد في مربع خط، وليس حظر العناصر.

إذا كنت تريد حلقة اختريقة سريعة، لفu003Cul style=";text-align:right;direction:rtl"> فيu003Cdiv style=";text-align:right;direction:rtl"> مع نمط "عرض: مضمنة كتلة".

Answer 3

العائمة + IE6 هو دائما يسبب بعض الألم وغير المقصود والمعاناة. بعض الإصلاحات البسيطة:

1. أضف المزيد من الهامش إلى المربع العائم
2. أضف بعض الهامش الأيسر إلى UL / OL الخاص بك