Vertikales Menu wandert nach rechts bei geringer Auflösung

[manfredk]

Hallo Manfred!

Ich habe auf meiner Seite ein vertikales Menu von 'CoffeeCup' eingefügt und finde diese Navigation sehr schön und vor allem äußerst gut zu meiner (eher
wissenschaftlichen) Seite passend.
Leider ist die Sache folgende: Ich habe drei Komponenten vertikal direkt übereinander angeordnet:

1. Bild
2. Navigation
3. Google Suche
   Das Ergebnis siehst du hier: www.lordjim.at.
   Wenn ich mir mit einer Auflösung von mind. 1280 (horizontal) das Ganze betrachte, so ist alles in Ordnung. Mit einer geringeren Auflösung wandert die Navigation aber um mehrere Zentimeter nach rechts.
   Zunächst zu deiner Frage:
   Die Ursache dafür ist die absolute Positionierung des Menüs außerhalb des dic#container. Dadurch richtet sich das Menü nach body.
   Siehe: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position

Mit der Erweiterung Firebug (Add-On) für den Firefox kann man solche Dinge sehr leicht herausfinden - siehe: http://getfirebug.com/

Nun noch ein paar Worte zu deinem Werk:
Auf die formalen Fehler in deinem Code hat Ulysses ja schon hingewiesen.
Was den Gebrauch von CSS anbelangt, solltest du dieses auslagern und keine Inline-Styles verwenden.
Eine Navigation, die zwingend Javascript voraussetzt und ohne nicht mehr möglich ist, sollte man unter allen Umständen vermeiden.
Überhaupt halte ich das Gesamtkonzept für überarbeitungswürdig.

Reichlich Informationen zu den genannten Punkten findest du hier im Archiv und über die Suchmaschine deiner Wahl im Netz.

Gruß Gunther

Hallo, Ulysses und Gunther !
Danke für die Hilfe. Ich habe den Validator ausprobiert und er bringt mir insgesamt 73 Fehler in dem Script. Es gibt auch eine automatische Korrektur, die ich angewendet habe. Der beschriebene Fehler bleibt dennoch gleich. Ich werde wohl eine andere Navigation verwenden.
Danke und schöne Grüße !
Manfred