Hallo,
erster Fehler im Code der Navigation
Entferne dort das Minuszeichen . Korrekt wäre : left:50%;
Dann zu deinem Design-Bild :
Es ist 1266 Pixel breit . Alle Besucher mit einer Auflösung von 1024 x 768 haben in der Breite einen Scrollbalken
Wir empfehlen immer (wenn 1 Bild das Design ist) maximale Breite 980 Pixel.
User mit 1024 x 768 Monitor haben ein sichtbares Internetfenster von ca 1000 Pixel.
Wenn links und rechts vom Design noch 10 Pixel sauberer Abstand zum Bildschirmrand sichtbar sein soll,
bleiben für das Designbild noch 980 Pixel Gesamtbreite .
Dann würde ich auch das Bild bei
#mein_Bild so positionieren, wie alle anderen Klassen auch .
Du hast allen Feldern ein left: 50% ; gegeben . Design wird immer mittig platziert.
Nur für dein Hintergrundbild fehlt diese Anweisung im Code :
position:absolute;
left:50%;
top: XXXpx;
margin-left: -490px;
das margin-left: -490px; dann , wenn das Designbild 980 Pixel breit ist .
Bildschirmmitte ist Null Pixel . ganz links wäre -490 (minuszahl) . Und ganz rechts 490 (Pluszahl).
Und 490 + 490 = 980 . = Die Breite des Designs .
Zu deinem Coolmenü / navigation oben :
Bei einer Bildschirmauflösung von 1024 x 768 wird diese 2 Zeilig . Das Coolmenü ist zu breit .
Und der Text soll 4 Pixel weiter nach unten ? In allen Links oben ?
Platziere das Feld, welches die Navi als Inhalt hat , 4 Pixel tiefer .
Und zwar hier :
Da Du alle deine Felder immer mit left:50%; und margin-left: -XXXpx;
positioniert hast (immer mittig) ,
müsstest Du dieses auch für die Klasse
.menü machen .
Es wäre sonst das einzige Feld, das sich nicht nach Bildschirmmitte ausrichtet
Und das verursacht bei unterschiedlichen Bildschirmauflösungen auch unterschiedliche Position im Design .
position:absolute;
left:50%;
top: XXXpx;
margin-left: -XXXpx;
ich denke das half dir weiter
Gruß Wolfgang
______________