इंटरनेट एक्सप्लोरर गैर-निर्धारिती लेआउट - एचटीएमएल, सीएसएस, इंटरनेट एक्सप्लोरर, मीडिया-प्रश्न

एक अन्य इंटरनेट एक्सप्लोरर गैर-निर्धारिती बग। बग केवल इंटरनेट एक्सप्लोरर (क्रोम, फ़ायरफ़ॉक्स, सफारी सभी काम ठीक) में होता है।

उत्पादन करने के लिए (यहां स्क्रीनशॉट देखें: http://imgur.com/a/8Ut7H):

  1. अगर मैं जाता हूं https://shick.me/test 600px से अधिक खिड़की के साथ, चैट संदेश बाईं ओर चिपके रहते हैं, हालांकि उन्हें केंद्रित किया जाना चाहिए (जैसे किसी अन्य ब्राउज़र में)
  2. यदि मैं 600px से खिड़की को संकुचित करता हूं, तो लेआउट सही है
  3. गैर-निर्धारिती: यदि अब मैं खिड़की को फिर से बड़ा बना देता हूं, तो लेआउट सही है!

क्या कामकाज की आवश्यकता है, या सीएसएस / एचटीएमएल के साथ कुछ भी गलत है?

संकेत: यह चाल से संबंधित हो सकता है

margin-right: 3000px;
padding-right: -3000px;

क्या उससे मदद हुई?

जब मैं डेवलपर कंसोल (यानी एफ 12) के साथ पेज पर काम करता हूं, तो मुझे लगता है कि लगभग कोई भी मैनिपुलेशन तुरंत लेआउट को ठीक करता है। उदाहरण के लिए, पृष्ठ को दोबारा हटा देता है और इसे ठीक करता है:

document.body.style.display = "none";
document.body.style.display = "block";

हालांकि, जब मैं इसे जावास्क्रिप्ट (ऑनलोड / domcontentloaded आदि में) में डालता हूं, यह काम नहीं करता है - जेएस निष्पादित होने के बाद ब्रेक होता है। जब मैं एक लपेटो setTimeout इसके चारों ओर, यह काम करता है - लेकिन वास्तव में बदसूरत हैक मैं कहता हूं।

उत्तर:

जवाब के लिए 0 № 1

वास्तविक जीवन में कुछ चर्चाओं के बाद (स्टैक ओवरफ्लो के विपरीत), हमने नकारात्मक-मार्जिन "चाल" को अपराधी के रूप में देखा जो अर्थात् यानी विनाश को खत्म कर देता है।

इसलिए मैंने एक अलग लेआउट चुना और यह ठीक काम करता है।


संबंधित सवाल
सबसे लोकप्रिय