2012-11-13 23 views
6

संभव डुप्लिकेट:
CSS height 100% in IE7एक बिल्कुल तैनात div के 100% कैसे भरें? (IE7 +)

मैं किसी वेबपेज एक बच्चे div से 100% तक भरा जाता है कि पर एक केंद्रित ब्लॉक करना चाहते हैं।

<div id="parent"> 
    <div id="child"></div> 
</div> 

यहाँ मेरी सीएसएस है:

#parent { 
    position: absolute; 
    background-color: blue; 
    top: 2em; 
    left: 4em; 
    bottom: 3em; 
    right: 2em; 
} 

#child { 
    position: relative; 
    background-color: red; 
    height: 100%; 
} 

और यहाँ है एक JSfiddle:

यहाँ मेरी एचटीएमएल कोड है http://jsfiddle.net/XMS2G/1/

समस्या यह है कि Internet Explorer 7 में, ब्राउज़र बच्चे को div को पूरे पैरेंट div में विस्तारित नहीं करता है। मैं जावास्क्रिप्ट का उपयोग किए बिना इसे कैसे पूरा करूं?

+0

मुझे यकीन नहीं है कि मैं प्रश्न समझता हूं, लेकिन आपके बच्चे सीएसएस शैलियों के लिए न्यूनतम ऊंचाई और न्यूनतम चौड़ाई के बारे में क्या है? – AndyWarren

+0

आईई 7 वास्तव में एक मंच है, जिसे समर्थित किया जाना है? –

+0

@ChristianKuetbach, दुर्भाग्य से हाँ :( – mpark

उत्तर

5

बच्चे के लिए position:absolute का उपयोग करने पर विचार करें। और उसके बाद बस top:0px; bottom:0px; right:0px; left:0px;

मुझे लगता है कि यह काम करेगा।

1

आईई 7 को अच्छी तरह से व्यवहार करने के लिए आपको मूल डीआईवी के लिए हार्ड-कोडेड चौड़ाई सेट करना होगा। केंद्र "मार्जिन-बाएं: ऑटो;" के साथ किया जा सकता है "मार्जिन-दाएं: ऑटो;" सीएसएस।

3

आप बच्चे position: absolute देने के लिए और left, right, top, bottom0 करने के लिए सेट की जरूरत है।

See it in action