Höhe in % wird ignoriert

[Marcus]

Hallo,

folgendes Problem: Ich habe zwei DIVs. DIV 1 ist das Elternelement von DIV 2. DIV 1 soll im Browserfenster eine Mindesthöhe von 100% einnehmen. Das war kein Problem:

html {height:100%;}
body {
 height:100%;
 margin:0%;
 padding:0%;
}

div#container {
  width:909px;
  min-height:100%;
  margin: 0 auto;

DIV 2 befindet sich in DIV 1 und soll immer genau die gleiche Höhe haben wie DIV 1.
height:100% funktioniert hier aber nicht mehr.

Könnt ihr mir helfen? Danke

[Kalle_B]

Hallo,

ein Browser baut die Größe von innen nach außen auf. Das heißt, dass der äußere div den inneren umschließt, also vom inneren abhängig ist.

Nun willst du umgekehrt den innreren vom äußeren abhängig machen. Das geht nur dann, wenn der äußere eine feste Größe hat (Pixel, em, cm, mm, ...).

Lieben Gruß, Kalle