Bin Anfänger: Problem mit Positionierung von Seitenlinks

Ich habe ein Problem mit der Positionierung meiner Seitenlinks und der Farbe.

Die Seite ist cholibri.com

Ich möchte, dass die Seitenlinks richtig verschoben werden und zwar so, dass sie in der Mitte stehen und nicht oben links.

Dafür habe ich folgendes gepflegt:

#menu
{
position:relative;
left: 132px;
height:30px;
width: 1000px;
line-height:30px;
margin:0;
padding:0;
background: #E6FBD0 ;
font-family: Georgia,„Trebuchet MS“, Tahoma, Verdana, Arial, Serif;
font-size:1.2em;
text-transform:lowercase;
}

Nach dieser Definition, mit left: 132px wird die Seite an meinem PC korrekt angezeigt, an einem anderen PC mit anderer Auflösung verschieben sich jedoch die SEitenlinks, sodass sie nicht mittig an der richtigen Stelle stehen.

Frage also: Wie kann ich so definieren, dass es immer richtig angezeigt wird? Ich denke Problem liegt bei position und left.

Vielen Dank

Moin,

du hast das Problem schon richtig erkannt: Durch die Angabe von „left“ verschiebst du dein Menü mit einem festen Wert.
Um das Menü, wie deinen Content mittig zu halten erweiterst du die Angabe „margin:0;“ um „auto“ = „margin:0 auto;“ Wobei die 0 (erster Wert) für das Margin oben / unten, das „auto“ (wert2) für links und rechts steht + du entfernst die angabe „left“:

#menu 
{
position:relative;
height:30px;
width: 1000px;
line-height:30px;
margin:0 auto;
padding:0;
background: #E6FBD0 ;
font-family: Georgia,"Trebuchet MS", Tahoma, Verdana, Arial, Serif;
font-size:1.2em;
text-transform:lowercase;
}

Vielen Dank, das ging ja schnell :slight_smile: