Aktives Mitglied
Hey ich bin gerade am HTML und CSS lernen und stoße auf mein erstes Problem.
Ich habe eine Liste erstellt, die ich als Seiten Navigation benutzen will, aber nicht weiß, wie ich diese positionieren soll.
Hier mal der HTML Code:
CSS Code:
Danke im Vorraus.^^
Ich habe eine Liste erstellt, die ich als Seiten Navigation benutzen will, aber nicht weiß, wie ich diese positionieren soll.
Hier mal der HTML Code:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="basic.css" rel="stylesheet" type="text/css" media="all" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Gamers Meal</title>
</head>
<body id="Container" bgcolor="#FFFFFF"; style="width:800px; border: 1px solid #000;">
<div id="main">
<div id="Body">
<div id="Header"><img src="img/header.gif" width="655"/><br /></div>
<div id="maincontent">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</div>
<div id="footer">2010</div></div>
</div>
<div id="liste"> <ul>Eins</ul><ul>Zwei</ul><ul>Drei</ul><ul>Vier</ul><ul>Fünf</ul>
</body>
</html>
CSS Code:
Code:
#Header {
margin:0 auto;
padding: 5px;
text-align:center;
background-color:#CCC
}
#Body {
background-color:#999;
margin: 0px auto;
}
#maincontent {
text-align:center;
}
#liste {
background-color:#0C0;
width: 230px;
position:absolute;
left: 10px auto;
}
#Container {padding: 2px 2px 2px 2px;
margin: 0px auto;
}
#main {
background-color:#FFF;
width:800px;
margin: 0px auto;
}
#footer{
background-color:#666;
text-align:center;
}
Danke im Vorraus.^^