Hallo,
ich bin gerade dabei mir eine Hompage zu erstellen und verzweifle jetzt an der Navigation Bar.
Ich kann Sie nicht über die ganze Seite strecken mit width:100% und kann die Elemente des div tags auch nicht mittig ausrichten.
Hier mal was ich bisher habe:
HTML:
<div id="Rahmen"><ul id="Navigation">
<li><a href="index.html">Startseite</a></li>
<li><a href="sites/angebote.html">Angebote</a>
<ul>
<li><a href="#">Reparaturen</a></li>
<li><a href="#">EDV Dienstleistungen</a></li>
</ul></li>
<li><a href="sites/kontakt.html">Kontakt</a></li>
<li><a href="sites/impressum.html">Impressum</a></li>
<li><a href="sites/über_uns.html">Über uns</a></li>
</ul></div>
CSS:
#Rahmen {
margin:-14px;
margin-left:5px;
margin-right:5px;
text-align:center;
background-color: #99CCFF;
}
div#Rahmen div {
margin:-14px;
margin-left:0px;
margin-right:0px;
clear:none;
position: fixed;
width:100%;
}
ul#Navigation {
text-align: center;
background-color: #99CCFF;
}
ul#Navigation li {
list-style: none;
float:left;
position: relative;
}
ul#Navigation li ul {
margin:0;
padding:0;
position: fixed;
display: none;
}
ul#Navigation li:hover ul {
display:block;
}
ul#Navigation li ul li {
float: none;
display: block;
}
ul#Navigation a, ul#Navigation span {
display: block;
width: 12em;
padding: 1em 2.3em;
text-decoration: none;
text-align:center;
color: white; background-color: #99CCFF;
}
Schon ein Mal danke im vorraus, denn ich verzweifle seit Stunden 
.
Mit freundlichen Grüßen
Phil