horizontale Navigation richtig formatieren

[Gunnar Bittersmann]

@@Anton:

#navigation {
width: 880px;

Nicht die beste Idee. Du weißt nicht, wie breit der Viewport des Nutzers ist.

#navigation .buttonThree {
margin: 0px 2px 0px 523px;

Dito.

Schonmal über 'float: right' für 'buttonThree' und 'buttonFour' nachgedacht?

Und warum sind das Klassen? Sieht eher nach IDs aus. Und die Benennung nicht nach Zahlen, sondern nach der Funktion:

<ul id="navigation">  
  <li id="navigation-home"><a href="home">Home</a></li>  
  <li id="navigation-about"><a href="about">Über mich</a></li>  
  <li id="navigation-kontakt"><a href="kontakt">Kontakt</a></li>  
  <li id="navigation-sitemap"><a href="sitemap">Sitemap</a></li>  
</ul>

Live long and prosper,
Gunnar