2013-07-02 9 views
6

के साथ लाइन-ऊंचाई समस्या मुझे फ़ायरफ़ॉक्स पर ठीक दिखने वाला एक खोज बटन बनाने का प्रयास करने में समस्या है।फ़ायरफ़ॉक्स

display: block; 
width: 60px; 
height: 60px; 
line-height: 60px !important; 
padding: 0; 
background: white; 
border: 0; 
border-radius: 30px; 
-moz-border-radius: 30px; 
-webkit-border-radius: 30px; 
-khtml-border-radius: 30px; 
font-family: 'iconic'; 
color: #bad104; 
font-size: 5em; 

यह इस तरह ध्यान देना चाहिए (क्रोम और IE पूरी तरह से renders मेरी कोड): http://img341.imageshack.us/img341/6590/kogy.png

लेकिन जब यह एक इनपुट एक प्रतिष्ठित फ़ॉन्ट, एक सफेद पृष्ठभूमि और एक बॉर्डर-त्रिज्या इस तरह के साथ बनाया सबमिट किया है मैं फ़ायरफ़ॉक्स पर एक ही कोड का उपयोग करता हूं, यहां मुझे यह मिलता है: http://img17.imageshack.us/img17/953/jms4.jpg

मैंने दोनों ब्राउज़रों पर डोम इंस्पेक्टर को देखा, और जब मैं "गणना मूल्यों" को देखता हूं, तो यह क्रोम (लाइन पर समान चीज़ नहीं देता है) -हाइट: 60 पीएक्स) और फ़ायरफ़ॉक्स (रेखा-ऊंचाई: 67 पीएक्स)।/मुझे आशा है कि आप लोग मेरे लिए कुछ मदद करनी होगी :)

धन्यवाद:

सब कुछ मैं अब से कोशिश की है एक असफल है!

+0

@Roopendra क्या सीएसएस एचटीएमएल 5 के साथ क्या संबंध है:

इन पढ़ने दें? एचटीएमएल 5 कुछ जादुई नहीं है जहां सीएसएस अचानक अलग व्यवहार करता है। – cimmanon

उत्तर

0

आपको लाइन-ऊंचाई के साथ माप की एक इकाई को परिभाषित नहीं करना चाहिए, ऐसा इसलिए है कि अंतर फ़ॉन्ट आकार के सापेक्ष है। आपके उदाहरण में

लाइन-ऊंचाई: 60 पीएक्स;

होना चाहिए

line-height: 1;

या

लाइन ऊंचाई: 100%;

जैसा कि आप निर्दिष्ट कर रहे हैं कि आप फ़ॉन्ट के समान ऊंचाई चाहते हैं।

+0

बस आपने इसका इस्तेमाल किया और कुछ भी नहीं बदला:/मैं आमतौर पर सापेक्ष इकाइयों का उपयोग करता हूं लेकिन इस विशेष मामले में मुझे इसे इस तरह करना था – bigorno

1

एफएफ में बटन लाइन-ऊंचाई line-height: normal !important; के रूप में हार्डकोड किया गया है जिसका अर्थ यह है कि line-height: xxx !important परिभाषित उपयोगकर्ता भी इसे ओवरराइड नहीं करेगा।

https://bugzilla.mozilla.org/show_bug.cgi?id=349259

https://bugzilla.mozilla.org/show_bug.cgi?id=697451

+0

यह अब मामला नहीं है - इन दोनों मुद्दों को अब तय कर दिया गया है! – gustavohenke