DIV mit dynamischer Höhe
Helge Busch
- css
Folgendes Problem: Ich möchte eine DIV-Bereich, welcher eine feste Breite hat aber bei einer Vergößerung des Browserfensters seine Höhe variert.
Der Abstand zum Bottom soll dabei konstant einstellbar sein.
Ich habe mit dem IE 6 schon rumexperiemtiert aber komme einfach nicht zu dem geüwünschten Ergebnis.
Für jeden Hinweis, bin ich dankbar.
MfG
Helge Busch
Hier mein Beispielcode:
<!-- ******************************************* -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;CHARSET=iso-8859-1">
<title>test</title>
<style type="text/css">
<!--
body {
font-family: Arial, Helvetica, Geneva;
font-size:10pt;
background-color:#CCCC66;
}
#logo { position:absolute; top:10px; left:10px; width:180px; }
#menu { position:absolute; top:90px; left:10px; width:180px; }
#main { margin-left:190px;height:400px;width:300px}
-->
</style>
</head>
<body>
<!-- kleines Logo -->
<div id="logo" style="border:solid 1px blue;">
logo logo<BR>
logo logo<BR>
</div>
<!-- Ende Logo -->
<!-- Menue -->
<div id="menu" style="border:solid 1px blue;">
Menue<BR>
Menue<BR>
Menue<BR>
Menue<BR>
Menue<BR>
</div>
<!-- Ende Menue -->
<!-- Inhalt der Seite -->
<div id="main" style="background:red; border:solid 1px blue; text-align:center;" >
<table border=1 height="50%" width="100%">
<tr><td> </td><td> </td></tr>
<tr><td> </td><td> </td></tr>
<tr><td> </td><td> </td></tr>
</table>
</div>
<!-- Ende Inhalt -->
</body>
</html>
<!-- **************************************** -->