आईई बटन

Question

में अतिरिक्त पैडिंग निकालें मेरी वेबसाइट में, बहुत सारे बटन हैं। क्रोम में देखते समय, बटन चौड़ाई केवल डायनामिक बटन टेक्स्ट पर फिट होती है, लेकिन आईई में, मैं देख सकता हूं कि अतिरिक्त पैडिंग दोनों बाएं और दाएं दोनों पर उत्पादित होते हैं ...

क्या कोई सीएसएस नियम होगा जो मुझे अनुमति दे सकता है इन पैडिंग को दूर ले जाओ? धन्यवाद।

Answer 1

आप रीसेट सीएसएस का उपयोग कर सकते हैं क्योंकि यह ब्राउज़र असंगतताओं से बचाता है।

reset.css

Answer 2

के लिए कृपया देखें http://sixrevisions.com/css/css-tips/css-tip-1-resetting-your-styles-with-css-reset/

जाएँ http://www.cssreset.com/scripts/html5-doctor-css-reset-stylesheet/ थोड़ी देर हो चुकी है, लेकिन जब मैं आज बहुत ही समस्या के लिए एसओ की खोज मैं this question पाया। जाहिर है, यह कोई असली पैडिंग नहीं है (इस अर्थ में कि इसे padding:0px से बंद नहीं किया जा सकता है), बल्कि उन अजीब विषमताओं में से एक है जिसे हम सभी को आईई के बारे में बहुत पसंद है। (ध्यान दें कि बटन टेक्स्ट लंबाई O_o के साथ झूठी पैडिंग स्केल कैसे करें)। सौभाग्य से, here वर्णित अनुसार, इसका एक आसान समाधान है।

असल में आप केवल overflow:visible; बटन पर जोड़ते हैं (मुझे अतिरिक्त वर्णित width:auto; की आवश्यकता नहीं थी)। मत पूछो - यह बिल्कुल नहीं है कि आपने क्या सोचा होगा कि यह करना चाहिए, लेकिन अच्छी तरह से ... यह आईई भूमि है और नियम वहां पर अलग हैं। बस ध्यान दें कि यह स्पष्ट रूप से काम नहीं करता है जब आपके बटन टेबल सेल के अंदर होते हैं।

मुझे लगता है कि सीएसएस रीसेट इसे हल कर सकता है, क्योंकि किसी ने पहले से ही कुछ वैश्विक घोषणाओं में इसे शामिल किया है। कैसे और क्यों पर कुछ और प्रकाश डालने के लिए बस इस जवाब को जोड़ना।

कभी हार न दें, लोग - हमारे बच्चे आईई क्विर्क के बिना एक दुनिया देखेंगे ... कोई उम्मीद कर सकता है।

Answer 3

अतिरिक्त कथन प्रदर्शन के साथ आईई में अतिरिक्त अंतर से बचने के लिए प्रबंधित: ब्लॉक;

.menu button{ 
    display:block; 
    width:100%; 
    padding:0; 
} 

ध्यान दें कि मैं का उपयोग नहीं किया चौड़ाई:: तो जैसे सीएसएस में ऑटो के रूप में यह मेरे मामले में एक विकल्प नहीं था - बटन खाली हैं, चौड़ाई माता पिता div से लिया जाता है।