Hi,
ich bin gerade dabei eine Seite für eine Homepage zu erstellen.
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>weltkehrt</title>
<link rel="stylesheet" type="text/css" href="localhost/weltkehrt_1/main.css">
</head>
<body>
<div id="menu"><ul>
<li><a href="#">Bilder und Kunstwerke</a></li>
<li><a href="#">Briefe und Texte</a></li>
<li><a href="#">Tutorials und FAQ</a></li></ul>
</div>
<div id="v_navi">
<h2>weltkehrt</h2>
<div class="circle"><img href="#"></div>
<ul><li><a href="#">Kontakt</a></li>
<li><a href="#">Impressum</a></li></ul>
</div>
<div id="content">
<h2>Herzlich Willkommen</h2>
<p>Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.
Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.
Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.
Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.
Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.
Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.
Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.
</p></div>
<div id="footer">2013 - 2014</div>
</body>
</html>und CSS
Code
body {
background_color: #FAFAFA;
}
#content {
float: right;
width: 80%;
text-align: justify;
height: 100%;
background-color: yellow;
}
#v_navi {
float: left;
width: 20%;
margin-right: 0 auto;
text-align: right;
height: 100%;
background-color: red;
}
#menu {
position: relative;
width: 100%;
margin: 20px auto;
background-color: blue;
}
#menu ul {
position: abolsute;
margin: 0 auto;
list-style: none;
}
#menu ul li {
float: left;
margin: 0 0 0 20px;
}
.#footer {
clear:both;
overflow:hidden;
text-align: center;
font-size:16px;
line-height:1.3;
}
.circle {border-radius: 50%;
width: 200px;
height: 200px;
}Und hier ein Bild damit ihr euch vorstellen könnt wie es aussehen soll 
Danke für eure Hilfe
