2010-06-10 11 views
10

http://betawww.helpcurenow.org/about/financial-accountability/फ़ायरफ़ॉक्स एक दूसरे से गलत तरीके से ग़लत हस्ताक्षर क्यों करता है?

http://blog.helpcurenow.org/

मैं एक डिजाइन कि 1px धराशायी सीमाओं के बहुत सारे शामिल किया गया उपयोग कर रहा हूँ। मैंने फ़ायरफ़ॉक्स में कुछ अजीब देखा। आम तौर पर फ़ायरफ़ॉक्स सब कुछ (* लगभग) प्रस्तुत करता है जैसा कि मैं उम्मीद करता हूं और इसे देखना चाहता हूं। हालांकि धराशायी सीमाओं के साथ, ऐसा प्रतीत होता है जब आप दो धराशायी सीमाओं का उपयोग करते हैं जो एक-दूसरे के करीब होते हैं, तो उन्हें गलत तरीके से गलत किया जाता है। मूल रूप से एक डबल सीमा का प्रभाव पैदा -

मैं क्या मतलब मैं कई वस्तुओं है कि एक 1px निचली सीमा, एक 2px निचला हाशिया कहना है है, और फिर अगले वस्तु एक 1px शीर्ष सीमा है,।

सफारी, क्रोम और आईई में कहा गया प्रभाव देखने पर, "डबल डैशेड सीमा" प्रभाव बहुत अच्छा लग रहा है। हालांकि फ़ायरफ़ॉक्स में, वे लाइनों को धराशायी नहीं करते हैं (कोई इरादा नहीं है)।

मुझे यकीन है कि फ़ायरफ़ॉक्स कैसे धराशायी सीमाओं को प्रस्तुत करता है, इस बारे में मुझे एक गड़बड़ है, लेकिन मैं कुछ अंतर्दृष्टि प्राप्त करना चाहता था कि क्यों, अगर कोई जानता है।

आप ऊपर मेरे दो यूआरआई में प्रभाव देखेंगे। पहले में एक साइडबार बॉक्स होता है जहां शीर्षक इस प्रभाव का उपयोग करता है। दूसरा (हमारा ब्लॉग) इस प्रभाव का पूरी तरह से उपयोग करता है, लेकिन सबसे महत्वपूर्ण रूप से आप प्रत्येक पोस्ट शीर्षक के साथ देखेंगे, नीचे दी गई रेखा प्रभाव का भी उपयोग करती है।

+1

यह डिज़ाइन (मुझे लगता है) द्वारा है। फ़ायरफ़ॉक्स * पूर्ण * सीमा (सभी चार साइटों) के लिए सब कुछ की गणना करता है और फिर केवल इन दोनों को खींचता है। यदि आप सभी चार सीमाओं को सक्षम करते हैं, तो आप देखेंगे कि मेरा क्या मतलब है। – Bobby

+2

@ बॉबी के स्पष्टीकरण समझ में आता है, इसके बारे में लगता है कि एक "चींटियों चलते" सीमा कि चलती नहीं कर रहा है की तरह के रूप में, वे एक घड़ी की या विरोधी घड़ी की दिशा में एक कोने से तैयार कर रहे हैं जब तक वे फिर से मिलते हैं। अनुलेख यदि आप बारीकी से देखते हैं, तो आईई में आप देखेंगे कि यह काफी बढ़त नहीं है। –

+1

यूप, जो कुछ समझ में आता है। मैं केवल ब्राउज़र चाहता हूं कि लगातार थे। किसी भी तरह मुझे उस दिन को देखने में मुश्किल होती है। –

उत्तर

12

"क्यों?" सवाल का हिस्सा है, वहाँ एक काफी सरल व्याख्या दी गई है के लिए: W3C कैसे सीमा आकर्षित करने के लिए नहीं define करता है, इसलिए प्रत्येक ब्राउज़र अपने स्वयं के स्वतंत्र कार्यान्वयन लिखता है। फ़ायरफ़ॉक्स एल्गोरिथ्म के रूप में WebKit के सममित पैटर्न का विरोध किया, एक परिपत्र पैटर्न में सीमा रेंडर करने के लिए प्रकट होता है:

┌─ ─ ─ ─ ─ ─ ─ ─ ┐ ┌ ─ ─ ─ ─ ─ ─ ─ ─ ┐ 
|    ↓ ↓     ↓ 
|    | |     | 
|    | |     | 
↑    | |     | 
└ ─ ─ ─ ─ ─ ─ ─ ─┘ └ ─ ─ ─ ─ ─ ─ ─ ─ ┘ 
    Firefox    WebKit 

आप देखेंगे कि इंटरनेट एक्सप्लोरर, ओपेरा/क्रोम/सफारी के रूप में एक ही बॉक्स आकर्षित नहीं करता है या तो। ऊपर और नीचे दोनों पर सीमा के बाईं ओर थोड़ा सा अंतर है (हालांकि यह border-collapse के साथ ठीक हो सकता है)।

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