Menü Verschiebung

[CrazyLopp]

Guten Tag,

ich habe mal wieder ein Problem mit meiner Hp
(kommt mir vor als ob sie nur aus Problemen bestehen würde )

Zu meinem Problem:
Irgendwie verschiebt sich mein Menü, ich bin mal in der Schule auf die Seite gegangen und der Bildschirm hatte eine andere Größe als meiner Zuhause, und was sah ich das Menü hat sich total verschoben...
Das Menü selbst wurde mit Listenpunkten erstellt, aber hier ist mal der Ausschnitt aus der Css-Datei:

div#headerContainer div#header {
	width:960px;
	height:238px;
	background:url(../bilder/Header.png) 0 0 no-repeat;
	margin:0 auto;
}

div#headerContainer div#header ul#navi {
	position:absolute;
	top:203px;
	left:464px;
	list-style:none;
}

div#headerContainer div#header ul#navi li {
	padding:0 100px 0 0;
	float:left;
	text-transform:uppercase;
}

div#headerContainer div#header ul#navi li a {
	color:#999;
	text-decoration:none
}

div#headerContainer div#header ul#navi li a:hover,
div#headerContainer div#header ul#navi li.active a {
	color:#FFF;
	text-decoration:none
}

Wenn ihr euch das selbst mal anschauen wollt

Lieben Gruß
Crazylopp

 

[FredFuchs94]

AW: Menü Verschiebung

div#headerContainer div#header würde ich das Attribut position:relative; geben und ich würde die ul einfach mittig zentrieren und ohne left:XXXpx lassen, denn dann ist es auch wirklich mittig.
Denn wenn du left mit einer festen größe versiehst, dann ist ja bei einer größeren Auflösung der gewollte Abstand vom Rand größer als der bei einer kleineren.

 

[Walter75]

AW: Menü Verschiebung

Ok, ich habe etwas eingebessert:
1. Gehe sparsam mit dem Code um!
Änderung: #wrapper als zentraler Rahmen
#header
#navi-horizontal
#content etc......
2.header und navi getrennt
3.navi-horizontal zentriert
Das es nur ein Entwicklungsansatz sein soll habe ich es noch nicht überall getestet!!!:hmpf:
Und hier alles zusammen:

Gruß Walter75