Wollte gerade fragen, ob du nicht einfach die URL geben kannst damit man sich das ganze an gucken kann, da du nicht alle Grafiken mit gegeben hast, dann könnte man den Fehler leichter finden.
Wobei ich dir sagen kann dass es an:
HTML Code:
#menu {
height: 30px;
padding-right: 160px;
padding-top: 60px;
}
liegen wird.
Wenn du dem
menu DIV einen festen Abstand von rechts gibst, wird er auch immer diesen Abstand haben.
Und 160px kommen dem Abstand auf deinem Bild sehr nahe, das ist nicht viel ^^
Wenn dazu dann noch die gesamte Liste auf rechts gefloated wird, kann es nur schief gehen :P
Je nachdem wie deine Grafiken aussehen, löst du das ganze so:
HTML Code:
#menu {
margin:60px auto;
width:640px;
height:30px;
}
Sollte es mit
width:640px; zu schmal sein, weis halt nicht wie breit deine Bilder sind, experimentiere mit dem Wert etwas rum, am besten einem höheren Wert
Auch nimm das
float:right; bei
#menu ul raus, das bringt an sich nichts wenn das Menü zentriert sein soll.
Auch nutze bitte ein
clear:both; DIV oder gib deinem
middle DIV diesen Wert, es ist einfach sauberer
Solltest du jedoch deine Page linksbündig haben wollen, mach folgendes:
HTML Code:
#menu {
margin:60px 0px 0px 160px;
height:30px;
}
experimentiere dann wieder mit den 160px herum, bis es dir passt
Auch die Umlaute, entweder anpassen:
HTML Code:
ä = ä
ü = ü
ö = ö
Ä = Ä
Ü = Ü
Ö = Ö
ß = ß
mit denen muss man sich auch nicht extra Nummern merken, für Anfänger immer gut zu nutzen.
Oder du packst in deinen Kopfbereich folgendes:
HTML Code:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />