Del venstre, midt og højre kolonne op, så du får noget lignende:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Titel</title>
<style type="text/css">
.overall { width: 800px; margin: 0 auto; }
.left { background: blue; width: 150px; float: left; height: 300px; }
.midt { background: green; width: 500px; float: left; }
.midtend { background: red; height: 40px; width: 500px; float: left; }
.right { background: yellow; width: 150px; float: left; height: 300px; }
</style>
</head>
<body>
<div class="overall">
<div class="left"></div>
<div class="midt">
Lorem dpsu<br>Lorem dpsu<br>Lorem dpsu<br>Lorem dpsu<br>Lorem dpsu<br>Lorem dpsu<br>Lorem dpsu<br>Lorem dpsu<br>Lorem dpsu<br>Lorem dpsu<br>Lorem dpsu<br>Lorem dpsu<br>Lorem dpsu<br>Lorem dpsu<br>Lorem dpsu<br>Lorem dpsu<br>Lorem dpsu<br>Lorem dpsu
<div class="midtend"></div>
</div>
<div class="right"></div>
</div>
</body>
</html>
- så kan du repeate baggrunden i midten og afslutte den i .mainend.
