आईई 6 अतिरिक्त पैडिंग नीचे

Question

मेरे पास सीएसएस के माध्यम से एक div टैग स्टाइल है। मैंने पैडिंग को 10px (पैडिंग: 10 पीएक्स) पर सेट किया है, यह फ़ायरफ़ॉक्स और आईई 7 में काम करता है, लेकिन आईई 6 में यह नीचे अतिरिक्त पैडिंग जोड़ता है (लगभग 2-3 पीएक्स मुझे लगता है)। किसी के पास क्या हो रहा है इसके बारे में कोई विचार है?

[अद्यतन]

मैं सिर्फ यह देखा, div टैग के बारे में मैं बात कर रहा हूँ एक पृष्ठभूमि छवि है। जब मैंने पृष्ठभूमि-छवि को हटा दिया, तो नीचे की अतिरिक्त पैडिंग गायब हो जाती है। कोई विचार?

[एक और अद्यतन, कोड नमूना]

यहाँ सीएसएस मेरी div टैग के लिए लागू किया गया है:

.user-info{ 
    margin-top: 20px; 
    margin-right: 20px; 
    padding: 10px; 
    background-image: url("../img/user_panel_bg.png"); 
    float:right; 
    border: 1px #AAAAAA solid; 
    font-size:12px; 
} 

Answer 1

क्या आपके div में कोई छवि है? अगर वहाँ एक छवि है, वहाँ IE 6 में एक बग कि div के भीतर सफेद स्थान के कारण नीचे

अतिरिक्त गद्दी पर अतिरिक्त गद्दी बनाने के लिए कर सकते हैं

<div> 
<img src="myimage.jpg"> 
</div> 

अतिरिक्त गद्दी साथ दिखाई देता है जब दिखाई नहीं देता है आप के लिए

<div><img src="myimage.jpg"></div> 

Answer 2

मैं अत्यधिक positioniseverything.net साइट पर एक नज़र और IE के मुद्दों और समाधानों के कवरेज उठाने की सलाह देते हैं । होली हैक सेक्शन पर एक नज़र डालें - मेरा मानना ​​है कि आपको वहां जवाब मिल जाएगा।

[संपादित करें - जोड़ा] 3px मुद्दा है, विवरण के लिए एक नज़र here लेने के लिए और ठीक

बॉक्स सेटिंग और ब्राउज़र अंतर के लिए, sitepoints box model article रूप में अच्छी तरह कुछ अच्छी अंतर्दृष्टि प्रदान करता है।

Answer 3

क्या आपने अपना DIV अतिप्रवाह छिपाने का प्रयास किया है? overflow:hidden;

संपादित करें: यदि आप क्षैतिज धक्का देने के बारे में बात कर रहे हैं तो आप display: inline; भी आजमा सकते हैं।

Answer 4

संभावित रूप से 'मार्जिन' या 'सीमा' गुण?

Answer 5

तुम भी एक CSS reset style sheet जो आप चूक जो ब्राउज़रों में यथोचित अनुरूप होना चाहिए सेट करने देते हैं की तरह कुछ देख सकते हैं अपने HTML बदल जाते हैं।

Answer 6

सुनिश्चित करें कि फ़ॉन्ट का आकार समस्या नहीं बना रहा है। कंटेनर तत्व के अंदर कोई भी पाठ नहीं है (एक खिंचाव कंटेनर पर एक निचली टोपी के लिए कहें) आईई 6 अभी भी बॉक्स आकार की ऊंचाई को आकार देगा (यहां तक ​​कि एक स्पष्ट ऊंचाई सेट के साथ भी)

तो, के लिए उदाहरण के लिए, यदि आप HTML अगर:

<style type="text/css"> 
    .box { 
    background: url(bg-middle.jpg) repeat-y; 
    } 
    .box h1 { 
    background: url(bg-top.jpg) no-repeat; 
    } 
    .box .bottom { 
    background: url(bg-image.jpg) no-repeat; /* bottom cap image */ 
    height: 10px;        /* height of your bg image */ 
    font-size: 1px;       /* for IE6 */ 
    } 
</style>