सीएसएस चौड़ाई मूल्य = अंदर की चौड़ाई प्रदर्शित करें?विभिन्न ब्राउज़रों में मार्जिन, पैडिंग और चौड़ाई के बीच क्या संबंध है?
या
सीएसएस चौड़ाई मूल्य = अंदर + सीएसएस margin-left + सीएसएस मार्जिन-सही का प्रदर्शन चौड़ाई?
आपको CSS Box Model से परिचित होना है। यह बताता है कि पैडिंग, मार्जिन और सीमा के साथ-साथ चौड़ाई का काम भी।
हालांकि ध्यान दें कि विभिन्न ब्राउज़र इसे अलग-अलग कार्यान्वित करते हैं: सबसे विशेष रूप से, Internet Explorer has a box model bug (यह आईई 6 में कुख्यात रूप से मौजूद है - मुझे पता नहीं है कि यह आईई 7 या आईई 8 में तय किया गया है) जिसके कारण कुख्यात "क्विर्क मोड" सीएसएस हैक।
संक्षेप में कहा गया है, इंटरनेट एक्सप्लोरर ने चौड़ाई की गणना करने में पैडिंग को शामिल करने के लिए अपने बॉक्स मॉडल को सेट किया है, क्योंकि आधिकारिक मानक के विपरीत चौड़ाई केवल सामग्री का गठन करना चाहिए।
यह न केवल आपके द्वारा चुने गए ब्राउज़र और संस्करण से निर्भर करता है, बल्कि आपके एचटीएमएल दस्तावेज़ के सिद्धांत से भी निर्भर करता है। "Quirks मोड" में इंटरनेट एक्सप्लोरर उदाहरण के लिए इंटरनेट एक्सप्लोरर से पूरी तरह से अलग है Xcty 1.0 संक्रमणकालीन संक्रमण के साथ।
जैसा कि अन्य लोगों ने बताया है, अंगूठे का नियम CSS box model है। यह आमतौर पर ओपेरा, फ़ायरफ़ॉक्स & सफारी जैसे ब्राउज़रों द्वारा विज्ञापन के रूप में काम करता है। इंटरनेट एक्सप्लोरर आपका अपवाद है, जहां "चौड़ाई" में मार्जिन, पैडिंग और सीमाएं शामिल हैं।
वहां कुछ बेहतरीन टूल हैं जो दृष्टि से दर्शाते हैं कि ब्राउज़र ने सामग्री को कैसे प्रस्तुत किया है। फ़ायरफ़ॉक्स के लिए Firebug देखें और इंटरनेट एक्सप्लोरर के लिए Developer Toolbar देखें।
Here आप एक एनिमेटेड आरेख देख सकते हैं जो बॉक्स को "विस्फोट" करता है।
मुझे लगता है कि संस्करण 6 से पहले आईई चौड़ाई और ऊंचाई में गड़बड़ी और पैडिंग शामिल है। देखें: Microsoft Admits IE 5 is Messed Up
लेकिन उन्होंने इसे ठीक किया, और जब तक आप सही कार्यप्रणाली सेट नहीं करते हैं, तब तक आपको इसके बारे में चिंता करने की ज़रूरत नहीं है, ताकि IE को क्विर्क मोड में न बनाया जा सके। – Breton
हाँ, आईई द्वारा मेरा मतलब आईई 6 था। मैं इसके लिए अपना जवाब संपादित करूंगा, धन्यवाद। :) –