इंटरनेट एक्सप्लोरर 8

में डीआईवी टैग के लिए 100% काम नहीं कर रहा है मेरे पास निम्न कोड है जिसका उपयोग मैं स्क्रॉलिंग परिणाम अनुभाग के साथ एक खोज उपकरण प्रदर्शित करने के लिए कर रहा हूं। IE में कोड ठीक काम करता है:इंटरनेट एक्सप्लोरर 8

<meta http-equiv='X-UA-Compatible' content='IE=edge' />

नीचे DIV टैग पृष्ठ से परे का विस्तार:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    <html style="background:black;height:100%;width:100%;"> 
    <head> 
     <title>Report</title> 
    </head> 
    <body style="background:black;"> 
     <table HEIGHT="100%" WIDTH="100%" style="background:red;"> 
     <tr> 
     <td> 
     Search Area 
     </td> 
     </tr> 
     <tr> 
     <td HEIGHT="100%" WIDTH="100%" style="background:orange;"> 
     <div style="overflow-y:scroll;height:100%;"> 
      <table style="width:100px;height:1000px;"> 
      <tr> 
      <td style="background:white;"> 
      Results Area 
      </td> 
      </tr> 
      </table> 
     </div>  
     </td> 
     </tr> 
     </table> 
    </body> 
    </html>

लेकिन जब मैं जोड़कर IE8 स्वरूपण का उपयोग करने के मेटा टैग निर्धारित किया है। मैंने कई विकल्पों की कोशिश की है और वास्तव में मूल्यों के लिए ऊंचाई निर्दिष्ट किए बिना इसके आसपास कोई रास्ता नहीं ढूंढ सकता है। जो काम नहीं करेगा क्योंकि मैं स्क्रीन को 100% स्क्रीन लेना चाहता हूं चाहे ब्राउजर विंडो का आकार चाहे।

किसी भी मदद की बहुत सराहना की जाएगी।

स्रोत

2009-10-07 Anonymous

आपको जो चाहते हैं उसे प्राप्त करने के लिए आपको मूल तत्वों के लिए सभी मार्जिन और पैडिंग शून्य पर सेट करना चाहिए।

अद्यतन: क्षमा करें, समस्या एक ही बार में समझ में नहीं आया। मुझे लगता है कि बेन का इशारा बेहतर होना चाहिए। :)

अपडेट 2: ओह, क्योंकि बेन ने अपना जवाब हटा दिया है, मेरा पहला अपडेट कोई समझ नहीं आता है। शरीर की ऊंचाई को 100% तक सेट करने का प्रयास करें, जिससे समस्या हल होनी चाहिए।

स्रोत

2009-10-07 18:19:23 arno

पार ब्राउज़र सीएसएस के बारे में मेरे समझ कि बड़े तो यह सबसे अच्छा समाधान नहीं हो सकता है नहीं है, लेकिन यह एक समाधान है।

जहां तक मैंने देखा है, आपको हमेशा कंटेनर की ऊंचाई/चौड़ाई निर्धारित करना है जिसे आप ओवरफ़्लो करना चाहते हैं, इसलिए आपको उन्हें सेट करने की आवश्यकता है।

रिज़ॉल्यूशन से निपटने के लिए मैं आपको ऑन-रीडी ईवेंट पर एक jQuery स्क्रिप्ट जोड़ने का सुझाव दूंगा जो गतिशील रूप से ओवरफ्लो काम करने की ऊंचाई और चौड़ाई को ठीक करेगा।

स्रोत

2009-10-07 18:19:50 tucaz

मुझे आपके जैसी ही समस्या थी और अंत में समाधान एक सीएसएस लाइन प्रविष्टि को संशोधित करना था जिसमें एक निश्चित ऊंचाई घोषणा के लिए !important संशोधक था। एचटीएमएल कोड में कक्षा (सीएसएस में परिभाषित) height100% करने के लिए आवंटित की थी, लेकिन सीएसएस शैली लोड करने के दौरान !important लागू होता है।

स्रोत

2009-12-16 16:22:12 ocell

यह मेटाटैग सही सीएसएस प्रतिपादन सक्षम बनाता है, और सीएसएस में - height:100%basically doesn't work - डिजाइन द्वारा।

आप के तत्व के हर एकल पूर्वज, <body>, <table>, <tr> और यहां तक कि <tbody> तत्व यह है कि स्वचालित रूप से पार्सर द्वारा डाला जाता है, सहित विशिष्ट ऊंचाई देने के लिए की जरूरत है।

वैसे भी, इस लेआउट आसान तरीका में प्राप्त किया जा सकता:

.topBanner { 
    position:absolute; position:fixed; 
    height:2em; 
    top:0; left:0; width:100%; 
} 
body {padding-top: 2em}

इस IE6 में अच्छी तरह से नीचा होगा, और overflow के विपरीत, मोबाइल सफारी में ठीक से काम करेंगे।

स्रोत

2009-12-20 23:52:41 Kornel

संपादित करें:

doctype घोषणा निकाला जा रहा है ऊंचाई = "100%" काम कर देगा, लेकिन यह quirks मोड में ब्राउज़र डालता है, हालांकि, जो वांछनीय नहीं है।

आम तौर पर लेआउट के लिए टेबल का उपयोग करके बोलना निराश होता है, आपको इसके बजाय सीएसएस का उपयोग करना चाहिए।

उदाहरण के लिए: http://jsfiddle.net/rf649/7/

एचटीएमएल

<div id="search">Search Area</div> 
<div id="results">Results Area</div>

सीएसएस:

#search { 
    background-color: red; 
    position: fixed; 
    height: 150px; 
    width: 100%; 
} 
#results{ 
    background-color: orange; 
    position: fixed; 
    top: 150px; 
    width: 100%; 
    bottom: 0; 
    overflow: auto; 
}

स्रोत

2010-01-03 19:36:40

doctype निकाला जा रहा है quirksmode में अपने पेज को धक्का कर सकते हैं जो सबसे अधिक संभावना अधिक समस्याओं का कारण होगा इससे ठीक है। – Joel

@ जोएलपोटर - मैं सहमत हूं, आप सही हैं, मैंने –

का जवाब अपडेट किया है। इस सीएसएस में क्रॉस-ब्राउज़र संगतता (हालांकि संभवतया DOCTYPE को हटाने के रूप में बुरा नहीं है) के संबंध में इसके मुद्दे हैं, क्योंकि आईई 6 सही ढंग से ' स्थिति: निश्चित '। –

इंटरनेट एक्सप्लोरर 8

उत्तर

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