IE

2011-03-02 26 views
5

में सीमा प्रतिपादन समस्या मुझे सीएसएस सीमाओं को लागू करते समय IE (7, विशेष रूप से) में अजीब समस्या है। मैंने पहले कुछ महीने पहले यह देखा था।IE

सीएसएस सचमुच है यह: #donate {border:1px solid #299ae5;}

आपके पास अनुलग्न चित्र से देख सकते हैं, इन स्क्रीनशॉट के दोनों, IE7 में ले जाया गया एक ही वेबसाइट से, विभिन्न पृष्ठों - एक ही टेम्पलेट फ़ाइल। ऐसा लगता है कि सीमा के नीचे बाएं कोने में "पूंछ" है।

enter image description here

किसी को भी इस बारे में कोई जानकारी है ???

संपादित करें:

li { display: inline; } 
li a { color: #fff; display: block; float: left; margin-right: 8px; padding-right: 8px; line-height: 1.2em; } 
li a span { background: url(bg-gradient.png) repeat-x 0 0; border: 1px solid #299a35; padding: 1px 5px 2px 4px; } 

धन्यवाद: यहाँ एचटीएमएल

<li><a href=""><span>Donate</span></a></li> 

और यहाँ (मैं हाल ही में इनपुट फ़ील्ड के रूप में अच्छी तरह से पर IE7 में यादृच्छिक साइटों पर भी इस देखा है, हालांकि) है सीएसएस है अग्रिम रूप से!

+0

अधिक संदर्भ की आवश्यकता है - यह किस प्रकार का तत्व है? क्या आप एचटीएमएल को इसके साथ जाने के लिए दिखा सकते हैं? –

+0

क्या आप तत्व में कोई मार्जिन या पैडिंग लागू कर रहे हैं? – dmackerman

+1

हेहेहे। वाह, यह भयानक है! लेकिन अगर यह एक आईई 7-विशिष्ट मुद्दा है, तो ईमानदार होने के लिए, मैं इसे अनदेखा कर दूंगा - शेष आई 7 उपयोगकर्ता उपयोगकर्ताओं को उनके ब्राउज़र में बकवास दिखने वाली साइटों पर उपयोग किया जाता है, और यह शायद ही कभी सबसे खराब प्रतिपादन समस्या है। – Spudley

उत्तर

0

li a span तत्व है चाल दे रही है display: block; घोषणा? इनलाइन तत्व में लंबवत पैडिंग लगाने में परेशानी हो सकती है।

+0

या ज़ूम: 1 ट्रिगर करने के लिए हैलोआउट? –

+0

प्रदर्शन जोड़ना: ब्लॉक; अवधि के लिए चाल करना चाहिए। और अवधि पर आपके पैडिंग प्रभावी होना चाहिए। – hybrid

0

jsfiddle परीक्षण सामग्री को आसान बनाता है।

यदि आपको तत्व से 'हैलोआउट' देने के लिए * ज़ूम: 1 या कुछ अन्य तरीका नहीं है, तो आपको स्पैन की आवश्यकता नहीं है। उदाहरण देखें http://jsfiddle.net/ShaggyDude11/zbZr8/3/

1

मैं डिस्प्ले का उपयोग करता हूं: इनलाइन-ब्लॉक ... केवल एक चीज जो मैं बदलूंगा, वह अवधि के बजाए बटन को एंकर कर रही है। यहां एक त्वरित उदाहरण है http://jsfiddle.net/3x4fR/2/

 संबंधित मुद्दे