2010-04-03 7 views
6

में दशमलव के बिना मुझे HTML में काम करने में एक अजीब समस्या है, विभिन्न ब्राउज़रों में सीएसएस: फ़ायरफ़ॉक्स 3.6 और वेबकिट ब्राउज़र (क्रोम & सफारी)।फ़ायरफ़ॉक्स में दशमलव मानों के साथ गणना की चौड़ाई, लेकिन वेबकिट

मेरे एचटीएमएल इस तरह दिखता है:

<div class="ln-letters"> 
    <a href="#" class="all">ALL</a> 
    <a href="#" class="a">A</a> 
    <a href="#" class="b">B</a> 
    <a href="#" class="c">C</a> 
</div> 

और मेरे सीएसएस है ...

.ln-letters a { 
    font-family: 'Lucida Grande'; 
    font-size:14px; 
    display:block; 
    float:left; 
    padding:0px 7px; 
    border-left:1px solid silver; 
    border-right:none; 
    text-decoration:none; 
} 

तो जैसा कि आप अनुमान लगा सकते हैं, प्रत्येक लंगर अपने आंतरिक पाठ आधार पर एक अलग चौड़ाई हो जाता है। उदाहरण के लिए 'ऑल' टेक्स्ट वाला पहला तत्व दूसरों की तुलना में बड़ा (अधिक चौड़ाई) होगा।

अब समस्या यह है कि फ़ायरफ़ॉक्स में (फ़ायरबग का उपयोग करके) मैं देख सकता हूं कि पहले तत्व के लिए गणना की चौड़ाई 26.5667 पीएक्स है, जबकि क्रोम में (क्रोम के डेवलपर टूल्स का उपयोग करके) उसी तत्व के लिए गणना की चौड़ाई बिल्कुल 27px है।

इसलिए div.ln-letters प्रत्येक ब्राउज़र में अलग-अलग चौड़ाई के साथ समाप्त होता है और इससे मुझे कुछ परेशानी होती है।

प्रश्न है: फ़ायरफ़ॉक्स को दशमलव मानों को कंप्यूटिंग से बचने के लिए कोई कामकाज है? या इसके विपरीत: क्रोम को दशमलव मानों की गणना करने के लिए मजबूर करने के लिए?

अग्रिम धन्यवाद!

उत्तर

3

मुझे लगता है कि बोल्ड प्रश्न का उत्तर "नहीं" है, और यह मुझे स्पष्ट नहीं है कि आप वास्तव में किस समस्या को हल करने की कोशिश कर रहे हैं। आप अपने प्लेटफ़ॉर्म पर सभी ब्राउज़रों को बिल्कुल वही प्रदर्शित करने की उम्मीद नहीं कर सकते हैं (उदा। क्योंकि विभिन्न प्लेटफ़ॉर्म आपके पृष्ठ को प्रस्तुत करने के लिए विभिन्न फ़ॉन्ट्स का उपयोग कर सकते हैं)। यदि आप चाहते हैं कि div की निश्चित चौड़ाई हो, तो इसे स्पष्ट रूप से सीएसएस में सेट करें।

आंशिक पिक्सल गंदगी पर कुछ संबंधित लिंक:

+0

उन वास्तव में अच्छा लिंक कर रहे हैं! धन्यवाद! –

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