2015-08-03 14 views
6

अगर आप check my website ब्राउज़र क्रोम आप देख सकते हैं कि div बुलाया .bg-सामग्री के साथ इस शैली के साथ ठीक काम करता है:मार्जिन ऑटो में विफल रहता है IE11

.bg-content { 
    max-width: 605px; 
    height: 149px; 
    position: absolute; 
    top: 62px; 
    font-family: sans-serif; 
    margin-left: auto; 
    margin-right: auto; 
    left: 0; 
    right: 0; 
} 

लेकिन अगर आप इंटरनेट एक्सप्लोरर 11 div के साथ मेरी वेबसाइट खोलते हैं .bg-content केंद्रित नहीं है, वह बाईं ओर तैर रहा है।

मैं इसे कैसे ठीक कर सकता हूं? धन्यवाद।

उत्तर

10

यह काम नहीं करता है क्योंकि अधिकतम चौड़ाई;

इस प्रयास करें:

.bg-content { 
    width: 605px; 
    height: 149px; 
    position: absolute; 
    top: 62px; 
    font-family: sans-serif; 
    margin-left: auto; 
    margin-right: auto; 
    left: 0; 
    right: 0; 
} 
+0

आईई 11 अधिकतम चौड़ाई बनाम चौड़ाई के साथ क्यों काम नहीं करता है? – miir

+1

मैंने सामग्री जोड़ा: ''; स्थिति: पूर्ण; चौड़ाई: 37%; ऊंचाई: 4 पीएक्स; पृष्ठभूमि: # एफएफसीसी 11; नीचे: 0 पीएक्स; बाएं: 0 पीएक्स; दाएं: 15 पीएक्स; मार्जिन: 0 ऑटो; लेकिन यह काम नहीं कर रहा है, इसकी आने वाली बाईं ओर केवल –

5

हैक मैं हमेशा (ज्यादातर पुराने संस्करण के लिए) इंटरनेट एक्सप्लोरर के लिए उपयोग करते हैं, पैरेंट कंटेनर text-align: center; और कंटेनर ही text-align: left; स्थापित कर रही है।

मैंने आपकी वेबसाइट पर एक नज़र डाली है, और मूल कंटेनर में डिफ़ॉल्ट चौड़ाई नहीं है। कृपया इसे width: 100%; पर सेट करने का प्रयास करें। मैंने कोशिश की कि रन-टाइम पर्यावरण में, और यह काम करना प्रतीत होता था।

+3

'चौड़ाई: 100%' के लिए उपरोक्त है। 'अधिकतम चौड़ाई' के साथ अपेक्षित कार्य करता है जब तक कि 'चौड़ाई: 100%' भी घोषित किया जाता है। – monners

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