में यूएल को बहुत अधिक इंडेंट करने का कारण बनता है मेरे पास पृष्ठ के शीर्ष पर एक नेविगेशन बार है। एफएफ और क्रोम में नेविगेशन बार ठीक दिखाता है। हालांकि आईई 8 में (संगतता के साथ या बिना) यूएल बाईं तरफ से इंडेंट लगता है, प्रत्येक ली सिर्फ पूरे ली नहीं;सीएसएस आईई
text-align:center; width:600px; margin:auto; padding-left:0;
किसी भी विचार के कारण यह क्या हो सकता है?
margin-left:0px;
फ़ायरफ़ॉक्स में यूएल डिफ़ॉल्ट रूप से गद्देदार है, आईई में इसका बायां मार्जिन है।
उदाहरण:
<html>
<head>
<style>
ul{
border:1px solid red;
margin:0px;
list-style:none;
padding:0px;
}
li{
border:1px solid green;
margin:0px;
}
</style>
</head>
<body>
<ul>
<li>this</li>
<li>that</li>
<li>these</li>
<li>those</li>
</ul>
</body>
</html>
मुझे लगता है कि यह होना चाहिए:
ul { padding: 0; margin: 0 }
li { padding: 0; }
मैं सिर्फ इस्तेमाल किया उल {सूची-शैली-स्थिति: बाहर; } आईई में इंडेंट को ठीक करने के लिए।
list-style-position:outside; का उपयोग विशेष रूप से आईई 6/आईई 7 के लिए मेरे लिए काम किया। हालांकि, ध्यान दें कि यह केवल तभी जरूरी हो सकता है जब आप अन्य ब्राउज़रों के लिए list-style-position:inside; का उपयोग कर रहे हों और उन्हें डिफ़ॉल्ट रूप से डिफ़ॉल्ट सूची मार्जिन/पैडिंग को 0 पर सेट करके छुपाएं। IE के साथ कार्य करने के लिए कुछ फ़िशनेस और ब्राउज़र-विशिष्ट सीएसएस की आवश्यकता होती है।
अंगूठे ऊपर। मुझे मिलने वाले अधिकांश उत्तर मार्जिन हैं: 0, पैडिंग 0. आईई के लिए भी इसकी आवश्यकता है ताकि यह अन्य ब्राउज़रों की तरह काम करे। –
बहुत उपयोगी, धन्यवाद! – Makc
यह anwser था! – Kyobul