2012-04-24 5 views
10

मैं पृष्ठ के दाईं ओर एक कंटेनर तैरने की कोशिश कर रहा हूं। इसके बाईं ओर बहुत सारी टेबल हैं जिन्हें मुझे 100% चौड़ाई की आवश्यकता है। मैं चाहता हूं कि वे दाईं तरफ फ्लोटिंग तत्व के लिए सभी तरह से विस्तार करें। जब सही तत्व पर वह तत्व होता है तो मैं चाहता हूं कि तालिका पृष्ठ के अंत तक विस्तारित हो।आईई 9 फ्लोट ओवरफ्लो के साथ: छिपी हुई और तालिका चौड़ाई 100% उचित रूप से प्रदर्शित नहीं होती

यह आईई को छोड़कर हर ब्राउज़र में बहुत अच्छा काम करता है। आईई में सभी टेबल दाईं तरफ फ्लोट किए गए तत्व के नीचे प्रदर्शित होते हैं। मुझे पता है कि आईई में छिपी हुई ओवरफ्लो के लिए एक कामकाज है लेकिन मैं इसे काम नहीं कर सकता।

नीचे कोड।

<head> 
<style type="text/css"> 
.container{margin:0 auto; min-width:1000px; max-width:1200px;} 
.sidebar{float:right;width:300px;margin-left:5px;} 
.tholder{overflow:hidden;} 
</style> 
</head> 
<div class="container"> 
<div class="sidebar"> 
<img src="dsfd.jpg" heigh="600" width="295"> 
</div> 
<div class="tholder"> 
<Table width="100%" border="1"><tr><td>Text</td></tr></table> 
</div> 
<div class="tholder"> 
<Table width="100%" border="1"><tr><td>Test goes here</td></tr></table> 
</div> 
<div class="tholder"> 
<Table width="100%" border="1"><tr><td>text</td></tr></table> 
</div> 
</div> 
+0

सुनिश्चित नहीं है कि यह एक टाइपो है या नहीं, लेकिन छवि पर ऊंचाई विशेषता में 'टी' नहीं है। यदि आप कर सकते हैं तो एक पहेली पोस्ट करें। – Jrod

उत्तर

17

जब कुछ अन्य ब्राउज़रों में काम करता है लेकिन IE9 में नहीं, तो मौका यह है कि आपका हेडर सही नहीं है। इस के साथ जांचें:

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
+0

उत्कृष्ट डाइस्ट्रॉय। पारितोषिक के लिए धन्यवाद। यह पूरी तरह से काम किया। –

+1

जिस दिन मैंने इसे पाया (एमएस दस्तावेज खोदने के दौरान) मेरे लिए एक रहस्योद्घाटन था: अब वेब एप्लिकेशन बनाना एक खुशी है क्योंकि वे क्रोम, एफएफ और आईई 9 के लिए भी काम करते हैं :) –

+1

मुझे यह पता लगाने में कोई परेशानी नहीं थी कि यह क्या है माध्यम। मुझे बस पता है कि यह काम करता है। धन्यवाद फिर से –

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