डिस्क क्या हो रहा है के नीचे

Question

स्क्रीनशॉट पर प्रदर्शित होता है:

यह एक underordered सूची के भीतर सिर्फ एक सूची आइटम है, इस IE7 में हो रहा है और कहीं नहीं।

<ul> 
    <li>Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text.</li> 
</ul> 

.fancybox-entry.computer-policy li { 
    float:none; 
    width:100%; 
    list-style-type:disc; 
    margin-bottom:10px; 
} 

.fancybox-entry.computer-policy ul + p { 
    margin-bottom:20px; 
} 

.fancybox-entry.computer-policy ul { 
    margin:5px 0 10px 25px; 
} 

कोई मदद यह क्यों कर रही है और एक फिक्स की सराहना की जाती है।

Answer 1

ऐसा प्रतीत होता है कि चौड़ाई सीएसएस संपत्ति ट्रिगर्स आईई 7 में li तत्व के लिए हैआउट। सबसे पहले सही जगह पर बुलेट दिखाई देने के लिए width:100%; घोषणा को हटाने का प्रयास करें। यदि आप चौड़ाई की संपत्ति के बिना नहीं कर सकते हैं, तो http://www.gunlaug.no/tos/moa_26.html पर उल्लिखित अनुसार, आप बुलेट को वापस स्थानांतरित करने के लिए position: relative; और vertical-align: top; का उपयोग कर सकते हैं।

ध्यान दें कि उस पृष्ठ पर कोड IE6 और IE7 को लक्षित करने के लिए हैक्स का उपयोग करता है। मैं सशर्त टिप्पणियों का उपयोग करना चाहिये बजाय, इसलिए जैसे:

<!--[if IE 7]> 
    <style type="text/css" media="screen"> 
    /* IE7-specific CSS here */ 
    </style> 
<![endif]--> 

Answer 2

मेरे प्रतिष्ठा अभी भी टिप्पणी करने के लिए बहुत कम है, अन्यथा मैं peterjmag के जवाब में जोड़ा गया होता। (शायद वह इसे शामिल कर सकता है ...)

चौड़ाई संपत्ति अपराधी है, लेकिन मैं एक अलग परिवर्तन का सुझाव दूंगा। यह सुनिश्चित करने के लिए कि आपकी सूची तत्व IE7 में पूर्ण-चौड़ाई लेते हैं, इसके बजाय "चौड़ाई: ऑटो" का उपयोग करें। यह आपको वही दिखता है और आपके बुलेट अंक उनकी उचित जगह ले लेंगे। मैंने पाया है कि "ऊर्ध्वाधर-संरेखण: शीर्ष/टेक्स्ट-टॉप" बुलेट पॉइंट को केवल थोड़ी सी उत्तर में धक्का देता है जहां मैं उन्हें चाहूंगा।

यदि आपके पास सशर्त कक्षाएं या आईई स्टाइलशीट नहीं है, तो आईई 7 को लक्षित करने के लिए बस "* चौड़ाई: ऑटो" का उपयोग करें।