Vertikales Menu wandert nach rechts bei geringer Auflösung

[manfredk]

Hallo !
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.
   Hier ist das Script. Bitte um Hilfe !  Danke schön !

Manfred

PS: Ich wollte hier das Script einfügen, bekomme aber einen Fehler (Sie sind wohl etwas zu geschwätzig). Bitte darum den Seitenquelltext auf www.lordjim.at ansehen. Das müsste auch funktionieren. Danke.

[Ulysses]

Hi!

Das Ergebnis siehst du hier: www.lordjim.at.

Schon mal den Validator bemüht? Nein! Das Ergebnis siehst du hier!

Wenn ich mir mit einer Auflösung von mind. 1280 (horizontal) das Ganze betrachte, so ist alles in Ordnung.

Bei mir steht da nur „Your browser does not support script“.
LG Ulysses

[Gunther]

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

[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

[Ulysses]

Hi Manfred!

Ich werde wohl eine andere Navigation verwenden.

Gut so, nur nicht aufgeben! Bei Selfhtml gibt's jede Menge über zugängliche Navigation und die Gestaltung mittels CSS zu erfahren.
Wenn du mit einem bereinigten Quellcode wiederkommst gibt es hier im Forum viele Leute (nicht nur so Nörgler wie mich), die dir bestimmt helfen können.
Noch was für die Zukunft: Verwende keine Vollzitate(Tofu), die werden hier nicht gerne gesehen.
LG Ulysses