आईई 11

Question

के लिए अधिकतम चौड़ाई काम नहीं कर रहा है मैं बहुत नया डिजाइनर हूं और अपना खुद का वर्डप्रेस थीम बनाया है और यह फ़ायरफ़ॉक्स, क्रोम और ओपेरा पर अपेक्षित काम करता है। समस्या InternetExplorer के साथ आता है (मैं आईई 11 के साथ विंडोज 7 का उपयोग कर रहा हूँ)।

लगता है कि InternetExplorer 11 अधिकतम चौड़ाई सीएसएस को समझ में नहीं आता है। मैं इस सीएसएस है:

<div class="vi-container"> 
    <header class="vi-header">Header stuff</header> 
    <main class="vi-content" itemtype="http://schema.org/Blog" itemprop="mainContentOfPage" itemscope="" role="main"> 
     <article class="post-content-wrap" itemtype="http://schema.org/BlogPosting" itemprop="blogPost" itemscope=""></article> 
     <!-- more articles with contents --> 
     <aside class="vi-sidebar" itemtype="http://schema.org/WPSideBar" itemscope="" role="complementary"></aside> 
    </main> 
</div> 

अधिकतम-चौड़ाई 1200px totaly InternetExplorer द्वारा नजरअंदाज कर दिया जाता है:

.vi-container { 
    margin: 0 auto; 
    position: relative; 
    width: 100%; 
} 

.vi-content { 
    margin: 0 auto; 
    max-width: 1200px; 
    overflow: hidden; 
} 

एचटीएमएल कोड कुछ की तरह है। आप इसे आईई और अन्य ब्राउज़र में तुलना करने के लिए अपने वेबपृष्ठ को लाइव लोडिंग में देख सकते हैं। http://www.vozidea.com/limpia-la-base-de-datos-wordpress-con-wp-sweep

और यहाँ एक उदाहरण JSfiddle: उदाहरण के लिए: http://jsfiddle.net/z4s01yxz/

मैं IE पर अधिकतम-चौड़ाई मुद्दों के बारे में StackOverflow में अन्य लेख नहीं मिले, लेकिन एक ठीक bymyself को प्राप्त नहीं कर सकता है, यही कारण है कि मैं मदद का अनुरोध है। उम्मीद है कि कोई मुझे इसके साथ हाथ दे सकता है, अग्रिम धन्यवाद।

वास्तविक समस्या यह है कि InternetExplorer में वेबपृष्ठ सभी चौड़ाई को भरने के लिए विस्तार करता है क्योंकि अधिकतम-चौड़ाई को अनदेखा किया जाता है। आप अंतर देखने के लिए इस छवि को देख सकते हैं: i.imgur.com/kGr8wk1.jpg

पीएस: मेरी खराब अंग्रेजी के लिए खेद है।

Answer 1

मैं आपकी समस्या max-width से लेकिन main तत्व से नहीं आ रही है ...

main तत्व पूरी तरह से IE11 (source) द्वारा समर्थित नहीं है लगता है।

2 समाधान:

• एक <div> करने के लिए अपने <main> तत्व को परिवर्तित करें। डेमो: http://jsfiddle.net/z4s01yxz/2/
• अपने सीएसएस में main { display: block; } जोड़ें। डेमो: http://jsfiddle.net/z4s01yxz/1/