CSS min-height im Elternelement und heigth:100% im Kindelement

[Fat-Tony]

Hi,

ich hab hier ein großes Problem mit meinen CSS-Layout.
Ich möchte gerne den Content mit min-height: 600px un ein Kindelement mit heigth:100% an den Content anpassen.
Das Kindelement ist ein <hr> Tag, also sol leine Line von oben bis unten angezeigt werden.
Dem <hr> Tag wird die Klasse hr zugewiesen.
Hier mal der Code:

#content {
min-height: 600px;
}
#content .hr{
height: 100%;
width: 5px;
border: 0;
}

Wenn ich es so mache wird <hr> gar nicht angezeigt. Wenn im Content aber statt min-height height steht funktioniert alles wunderbar.

Für eure Hilfe wäre ich sehr Dankbar.
Gruß
David

 

[QXARE]

Für IE musst du min-height fixen weil der *... das Attribut als height interpretiert.

min-height: 600px;
height: auto !important;
height: 600px;

Und ich glaube nicht dass es funktionieren kann, weil sich die 100% auf einen Wert beziehen der nicht existiert - min-height ist ja nur ein Mindestwert der nichts über die aktuelle Höhe des Elements aussagt - 100% von 0 sind 0. Ka ob das stimmt, ich kanns mir atm. nicht anders erklären.