nicht angemeldet
Hi nochmal,
den Vorschlag (von Ingo) habe ich nun versucht wie folgt zu realisieren:
<html>
<head>
<title>Div-Test</title>
<style type="text/css">
#top {
background:blue;
width:100%;
height:50px;
}
#bottom {
background:blue;
width:100%;
height:50px;
bottom:0px;
}
#content {
background:yellow;
width:100%;
margin-left:150px;
margin-right:50px;
}
#left {
background:green;
width:150px;
float:left;
line-height:18px;
}
#right {
background:red;
width:50px;
float:right;
}
</style>
</head>
<body>
<div id="top">Kopf.</div>
<div id="right">rechts</div>
<div id="left">links</div>
<div id="content">
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
</div>
<div id="bottom">Fuß.</div>
</body>
</html>
Die Anforderung, dass rechts und links ein Rand mit fixer vorhanden ist und der Content seine Breite anpasst ist erfüllt.
Nun würde ich gerne erreichen, dass sowohl der (gelbe) Content-Bereich als auch die Ränder-Bereiche (mindestens) die ihnen zur Verfügung stehende Höhe in Anspruch nehmen.
Wie könnte ich das hinbekommen?
Vielen Dank und viele Grüße
Daniel
MudGuard