Ich hab' Dir mal ein Beispiel erstellt.
Die Breitenangaben müssten natürlich entsprechend angepasst werden.
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title>[ untitled ]</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
#main {
margin: 0 auto;
width: 900px;
background: #CCC;
}
#main_left {
float: left;
width: 79%;
background: #DDD;
}
#content {
float: right;
width: 74%;
background: #EEE;
}
#left {
float: left;
width: 25%;
background: #EEE;
}
#right {
float: right;
width: 20%;
background: #DDD;
}
hr.clear {
clear: both;
height: 1px;
visibility: hidden;
margin-top: -1px;
}
</style>
</head>
<body>
<div id="main">
<div id="main_left">
<div id="content">[ content ]</div>
<div id="left">[ left ]</div>
</div>
<div id="right">[ right ]</div>
<hr class="clear" />
</div>
</body>
</html>
Zu beachten ist hier, dass ich ein hr zum clearen benutzt habe, um den Haupt-Container aufzuspannen, dafür kann man noch etliche andere Verfahren nutzen, z.B. EasyClearing oder Float-in-float.
Am besten schaust Du Dir das Beispiel einmal an und testest damit ein wenig rum. Parallel würde ich mich aber auch ein wenig in floats einlesen, damit Du auch weißt, was Du da machst und warum es wichtig ist korrekt zu clearen, bzw. was es für Auswirkungen hat, wenn man nicht oder anders cleart.