अंदर एक केंद्रित div के साथ एक ठोस रंग हेडर बनाना

यहां मैं जो लक्ष्य रख रहा हूं, वह फ़ायरफ़ॉक्स 7 में 100% सही तरीके से काम कर रहा है।

enter image description here

जब मैं इसे IE 8 में खोलता हूं, तो यह इस तरह प्रदर्शित होता है:

enter image description here

बुनियादी लेआउट यहां दिया गया है:

<div id="header-home">
    <div id="header-content">
    </div>
</div>

# शीर्षलेख-सामग्री के अंदर के सभी तत्वों के साथ।

JSFiddle पर होस्ट किए गए प्रासंगिक HTML और CSS यहां दिए गए हैं। यदि आप पूर्वावलोकन फलक खींचते हैं तो आप देखेंगे कि सामग्री फ़ायरफ़ॉक्स पर सही ढंग से केंद्रित है।

http://jsfiddle.net/stapiagutierrez/agURs/

आईई क्यों div को केंद्रित नहीं कर रहा है?

0
@AlexeyIvanov पूरा कोड JSFiddle लिंक में है। मुझे पता है कि मैं एक डॉक्टरेट खो रहा हूँ। तब मुझे क्या उपयोग करना चाहिए? आईई इतना महंगा क्यों है! :(
जोड़ा लेखक Only Bolivian Here, स्रोत
ऐसा लगता है कि समस्या यह थी कि मैं एक डॉक्टरेट खो रहा था। इसे अपने उत्तर के रूप में रखें और मैं इसे स्वीकार करूंगा। आपके समय के लिए धन्यवाद!
जोड़ा लेखक Only Bolivian Here, स्रोत
क्या आप हमें पूरा कोड दिखा सकते हैं? संभावित कारणों में से एक "मार्जिन: ऑटो" क्यों काम नहीं कर रहा है यह है कि आपके पास डॉक्टरेट नहीं है या गलत है।
जोड़ा लेखक Alexey Ivanov, स्रोत
खैर, आप xhtml का उपयोग करते हैं, इसलिए मैंने JSFiddle को xhtml जोड़ा। इस के साथ प्रयास करें: jsfiddle.net/agURs/1
जोड़ा लेखक Alexey Ivanov, स्रोत
आपका स्वागत है। :)
जोड़ा लेखक Alexey Ivanov, स्रोत

2 उत्तर

यदि आपके एचटीएमएल में डक्ट टाइप नहीं है तो आईई क्विर्क मोड पर वापस आ रहा है। और quirks मोड मार्जिन ऑटो में; काम नहीं किया

डॉक्ट टाइप जोड़ना इसे हल कर सकता है।

एक्सएचटीएमएल के लिए राइट डक्ट टाइप और हेडर (इसलिए एक्सएमएल-पाठक समझ सकते हैं कि यह एक्सएमएल है और इसे पार्स कर सकता है) है:

<?xml version="1" encoding="UTF-8"?>

लेकिन यदि आप DOCTYPE लाइन से पहले एक्सएमएल लाइन रखते हैं, तो IE इसे स्वीकार नहीं करेगा (जैसा कि ऐसा लगता है कि डक्ट टाइप हमेशा दस्तावेज़ की पहली पंक्ति है)। तो इसे आईई में काम करने के लिए आपको लिखना चाहिए:


<?xml version="1" encoding="UTF-8"?>

या केवल:


1
जोड़ा

मार्जिन: 0 ऑटो को # शीर्षलेख-सामग्री डालने का प्रयास करें।

0
जोड़ा