zunächst einmal wäre es hilfreich, wenn du deine frage etwas konkreter formulieren würdest. so richtig deutlich wird dein anliegen nämlich nicht.
das reine layout wie oben von dir beschrieben, erreichst du durch entsprechenden einsatz von "float" und "clear". die angaben zur relativen positionierung kannst du rausnehmen, die bringen da nix. beispiel:
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
*{margin:0; padding:0}
body {
text-align:center;
margin:0px 0 0 0;
}
#container {
border-left:5px solid #666666;
border-right:5px solid #666666;
border-top:2px solid #666666;
border-bottom:5px solid #666666;
background:white;
margin:0px auto;
text-align:left;
top:0px;
width:772px;
height:334px;
background:#ffffff;
}
#header {
width:100%;
height:150px;
background:#ce0b0b;
}
#left {
width:15%;
height:134px;
background:#4d4dca;
float:left;
}
#middle {
height:134px;
width:70%;
background:#bcc2da;
float:left;
}
#right {
width:15%;
height:134px;
background:#f5dbbe;
float:right;
}
#footer {
clear:both;
width:100%;
height:50px;
background:yellow;
}
-->
</style>
</head>
<body style="background-color:#ffffff; height:100.1%">
<div id="container">
<div id="header"></div>
<div id="left"></div>
<div id="middle"></div>
<div id="right"></div>
<div id="footer"></div>
</div>
</body>
</html>
das ganze wird natürlich etwas schwieriger, wenn du dein layout mit inhalt füllen möchtest. dazu liefert die forensuche oder google aber unter den stichworten
css layout drei spalten allerdings sicher genügend lesestoff.
gruß
steffen
