HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Projekt_Aplpha</title>
<style type="text/css">
div
{
font-size:12px;font-family:Verdana;
position:absolute;width:100px;height:200px;
background-color:#EEEEDD;
}
.div1
{
border:1px solid #aaaaaa;
left:150px;top:70px;
width:700px;height:100px;
-moz-border-radius:10px;
}
.div2
{
border:1px solid #aaaaaa;
left:150px;top:170px;
width:700px;height:340px;
-moz-border-radius:10px;
}
#navcontainer ul
{
width:150px;
list-style-type:circle;
text-align: left;
margin-left:0;
float:left;
}
#navcontainer ul li a
{
background: transparent url(images/list-off.gif) left center no-repeat;
padding-left: 15px;
text-align: left;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #999;
}
#navcontainer ul li a:hover
{
background: transparent url(images/list-on.gif) left center no-repeat;
color: black;
}
#navcontainer ul li a#current
{
background: transparent url(images/list-active.gif) left center no-repeat;
color: #666;
}
#mitte
{
width:398px;
margin-left:150px;
float:left;
}
#rechts
{
width:100px;
margin-left:550px;
}
</style>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<div class="div1"><center>Hier ist der Banner bereich !</center></div>
<div class="div2">
<div id="navcontainer">
<ul id="navlist">
links
<li id="active">[url='#']Item one[/url]
[*][url='#']Item two[/url]
[*][url='#']Item three[/url]
[*][url='#']Item four[/url]
[*][url='#']Item five[/url]
[/list]
</div>
<div id="mitte">mitte</div>
<div id="rechts">
<div id="navcontainer">
<ul id="navlist">rechts
<li id="active">[url='#']Item one[/url]
[*][url='#']Item two[/url]
[*][url='#']Item three[/url]
Oberbegriff
[*][url='#']Item four[/url]
[*][url='#']Item five[/url]
[/list]
</div>
</div>
</div>
</body>
</html>Was Abstände betrifft musst du dich mal mit padding und margin auseinandersetzen.