html - Make a div's total width the same in both Strict and Quirks mode -


निम्नलिखित पर विचार करें

  & lt; div style = "width: 150px; border: 50px ठोस काला "& gt; टेस्ट & lt; / div & gt;  

यदि यह एक पेज पर आउटपुट है जो कि सख्त मोड में IE8 रेंडर करता है (या यदि आप फ़ायरफ़ॉक्स आदि में लोड करते हैं) तो डिवि के अंदर (सफेद क्षेत्र जहां टेस्ट है) 150px होगा विस्तृत है, लेकिन कुल में डिवी 50 + 150 + 50 = 250 पीएक्स चौड़ा (सीमा के लिए लेखा) होगी

अगर यह क्वैर्क्स मोड में प्रदान किया गया है, तो यह 50 + 50 + 50 = 150px चौड़ा होगा।

अंतर Quirks में चौड़ाई में किसी भी सीमा के रूप में समझाया

यदि आप एक पृष्ठ पर एक html टुकड़ा डाल रहे हैं और आप समय से आगे नहीं पता है जो मोड इस्तेमाल किया जाएगा वहाँ कोई भी विश्वसनीय हैक्स (सीएसएस / जावास्क्रिप्ट या अन्यथा) यह सुनिश्चित करेगा कि सभी प्रमुख ब्राउज़रों (आईई 6/7/8, फ़ायरफ़ॉक्स, ओपेरा, क्रोम) पर दोनों सख्त / शॉर्ट्स मोड में डिवेल के समान आयाम हैं?

मुझे लगता है कि मैं इसे टूट गया है (IE 6/7/8 quirks और सख्त मोड और FF3.5 पर परीक्षण किया है )

कुरकुक्स / सख्त मोड केवल एक डिवाई की चौड़ाई पर भिन्न होता है, अगर वहां पैडिंग / सीमाएं हों शामिल हैं।

तो चौड़ाई निर्धारित करने के लिए एक बाहरी डिवा बनाओ, फिर सीमा के साथ एक आंतरिक div।

आंतरिक div बाहरी विंडो की चौड़ाई बनी हुई है - और दोनों quirks / सख्त मोड समान आकार प्रदान करेगा।

यानी

  & Lt; div शैली = "चौड़ाई: 150px; सीमा: 50 पीएक्स ठोस काला" & gt; टेस्ट & lt; / div & gt;  

हो जाता है

  & lt; div शैली = "चौड़ाई: 150px;" & gt; & Lt; div शैली = "सीमा: 50px ठोस काला" & gt; टेस्ट & lt; / div & gt; & Lt; / div & gt;  

Comments

Popular posts from this blog

php - multilevel menu with multilevel array -

c# - TypeConverter in propertygrid only converts from string, not to -

jQuery UI: Datepicker month format -