Wie fülle ich 100% eines absolut positionierten div? (IE7 +)

Mögliche Duplizieren:
CSS height 100% in IE7 Wie fülle ich 100% eines absolut positionierten div? (IE7 +)

Ich mag würde einen zentrierten Block auf einer Webseite haben, die zu 100% von einem Kind div gefüllt ist.

Hier ist mein HTML-Code:

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

Hier mein CSS ist:

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

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

Und hier ist ein JSfiddle: http://jsfiddle.net/XMS2G/1/

Das Problem ist, dass in Internet Explorer 7, Der Browser bewirkt nicht, dass das untergeordnete div auf das gesamte übergeordnete div erweitert wird. Wie würde ich dies ohne Verwendung von Javascript erreichen?

Quelle

2012-11-13 mpark

Ich bin mir nicht sicher, ob ich die Frage verstehe, aber was ist mit Min-Höhe und Min-Breite für Ihr Kind CSS-Stile? – AndyWarren

Ist IE7 wirklich eine Plattform, die unterstützt werden soll? –

@ChristianKuetbach, leider ja :( – mpark

Verwenden Sie auch position:absolute für Kind. Und dann einfach top:0px; bottom:0px; right:0px; left:0px;

Ich denke, es wird funktionieren.

Quelle

2012-11-13 19:55:51

Sie müssen wahrscheinlich eine hartcodierte Breite für das übergeordnete DIV festlegen, damit IE7 sich gut verhält. Die Zentrierung kann mit dem "margin-left: auto;" "Rand rechts: Auto;" css.

Quelle

2012-11-13 19:55:12

Sie müssen das Kind position: absolute und setzen left, right, top, bottom-0 geben.

See it in action.

Quelle

2012-11-13 19:55:42 Jon