Hallo zusammen,
ich habe ein Frage bezüglich der Positionierung von 2 Divs in einem Eltern-Div.
Die Situation ist wie auf diesem Bild.
HTML:
CSS:
Der Text-DIV (Hellgrün) soll je nach Inhalt wachsen und hat eine Mindesthöhe. Den
umgebenden Middle-DIV (blau) möchte ich neben den Leftmenu-DIV (dunkelgrün) verschieben.
Allerdings soll der Body-div (rot) in jedem Fall an der Unterkante vom Middle-DIV aufhören.
Ich hoffe ich habe mich einigermaße verständlich ausgedrückt.
Für Hilfe wäre ich überaus dankbar.
Gruß
ich habe ein Frage bezüglich der Positionierung von 2 Divs in einem Eltern-Div.
Die Situation ist wie auf diesem Bild.
HTML:
HTML:
<html>
<head>
<title>Test</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div id="body">
<div id="leftmenu">
</div>
<div id="middle">
<div id="text">
</div>
</div>
</div>
</body>
</html>
CSS:
Code:
#body {
width: 640px;
position: relative;
border: 1px solid red;
}
#middle {
width: 478px;
border: 1px solid blue;
}
#leftmenu {
padding-top: 97px;
width: 158px;
height: 300px;
border: 1px solid green;
}
#text {
text-align: justify;
width: 438px;
font: 12px Verdana;
margin: 20px;
overflow: hidden;
min-height: 450px;
border: 1px solid lime;
}
Der Text-DIV (Hellgrün) soll je nach Inhalt wachsen und hat eine Mindesthöhe. Den
umgebenden Middle-DIV (blau) möchte ich neben den Leftmenu-DIV (dunkelgrün) verschieben.
Allerdings soll der Body-div (rot) in jedem Fall an der Unterkante vom Middle-DIV aufhören.
Ich hoffe ich habe mich einigermaße verständlich ausgedrückt.
Für Hilfe wäre ich überaus dankbar.
Gruß