✔ DIV mit einer Mindesthöhe

[jogger]

Hallo zusammen,

Ich habe ein DIV Element mit einer Höhe von 500px und einem Rahmen ( border:1px). Bei wenigen Textzeilen wird passt natürlich alles in den DIV-Container, habe ich aber mehr Zeilen so wird der DIV-Container in seiner Höhe nicht automatisch angepasst. Wie kann ich das lösen, das ich eine Mindesthöhe habe und dennoch dynamisch auf größere Inhalte reagieren kann ?

Grüße Jogger

 

[Maik]

Hierfür gibt es die min-height-Eigenschaft, die aber nur von den modernen Browsern unterstützt wird.

<style type="text/css">
div.box {
min-height: 500px;
}
</style>
<!--[if lt IE 7]>
<style type="text/css">
div.box {
height: 500px;
}
</style>
<![endif]-->

 

[jogger]

Hallo,

Vielen Dank für die schnelle Anwort, aber in dieser Form habe ich das auch schon versucht, mit dem Ergebnis das der IE eigentlich alles richtig macht, nur der Firefox sich bei einigen Tabelleninhalten weigert das DIV zu erweitern.

 

[Maik]

Kannst du mal den dazugehörigen Quellcode (HTML + CSS) posten?