Navigation verschiebt sich bei Browser Zoom

[I^Love^Feigling]

Hallo Zusammen,

seit einigen Monaten bastel ich an einer eigenen Website und soweit lief alles mehr oder weniger glatt^^.

Nun stehe ich vor einem kleinen, aber doch unschönen Problem.

Auf der Website nutze ich die horizontale MenuMatic-Navigation mit 5 Menüpunkten. Diese läuft einwandfrei. Wenn man jedoch mittels Strg+ - die Website herauszoomt, verschiebt sich der hinterste Menüpunkt eine Zeile nach unten.
Die Navigation ist auf Standardgröße genau ausgerichtet. Falls ich sie um einige Pixel verkleinere, passiert dies zwar nicht mehr, sieht aber unschön aus.

Hab hie und da rumprobiert, aber bis jetzt keine Lösung gefunden.

Weiß jemand Rat?

lg, Olli

[Nina]

Ohne Adresse auf der man live nachsehen kann, wird das etwas schwierig zu beurteilen

[I^Love^Feigling]

Oh, natürlich:

http://www.contao.vr-bank-bonn.com

[xchs]

Also ich kann im Firefox selbst bis ans Maximum reinzoomen - in der Navigation verschiebt sich dadurch aber nichts.

[I^Love^Feigling]

Hallo xchs,
Beim heranzogen passt alles, nur beim herausrönnen ( verkleinern) verschiebt sich die Navigation.

[izanagi]

Ich sehe da auch nichts, hast das Problem vermutlich gerade gelöst oder

[I^Love^Feigling]

Hallo xchs,
Beim heranzogen passt alles, nur beim herausrönnen ( verkleinern) verschiebt sich die Navigation.

Sorry für die tollen Wörter. Das iphone macht manchmal seltsame Dinge^^.

Also wie gesagt, bei mir verschiebt sich die Navigation noch immer insofern, dass der letzte Menüpunkt beim "verkleinern" im Firefox eine Zeile nach unten rutscht.

Hab es schon bei mehreren PCs getestet und überall tritt der Fall ein.

lg

[RainerG]

Das kann ich nachvollziehen, hier mit FF 3.6 verschiebt sich die Navi auch beim verkleinern.

Was bei dem Menü auffällt: Das Menü ist nicht ganz linksbündig, da ist noch ein weißer Rand. Aber ich sehe gerade, jeder Menüeintrag hat wohl links diesen Rand.

Tritt das Problem auch auf, wenn die Navigation auf eine gerade Anzahl von Einträgen angepasst wird?

[ShenLung]

Das Problem scheint im Wesentlichen bei Firefox aufzutreten. In Opera kann ich verkleinern wie ich will, da passiert nichts mit dem Menü.

Die Frage ist jetzt, ob man viel Arbeit in dieses Darstellungsproblem investieren will...
Eine Möglichkeit könnte sein, .mod_navigation eine width von 954px und border-right: 1px solid #919191 zu geben und dafür den letzten Menüpunkt schmaler als 187px ohne rechten Rand zu machen. Dann wäre beim Verkleinern ein wenig 'Luft' für die im Firefox 'fehlenden' Pixel.

Ist aber auch nur so ein spontaner Gedanke

[I^Love^Feigling]

Das Problem scheint im Wesentlichen bei Firefox aufzutreten. In Opera kann ich verkleinern wie ich will, da passiert nichts mit dem Menü.

Die Frage ist jetzt, ob man viel Arbeit in dieses Darstellungsproblem investieren will...
Eine Möglichkeit könnte sein, .mod_navigation eine width von 954px und border-right: 1px solid #919191 zu geben und dafür den letzten Menüpunkt schmaler als 187px ohne rechten Rand zu machen. Dann wäre beim Verkleinern ein wenig 'Luft' für die im Firefox 'fehlenden' Pixel.

Ist aber auch nur so ein spontaner Gedanke

Hallo Zusammen,

scheint wohl echt die einfachste und zugleich sinnvollste Lösung zu sein.
Der rechte Rand sieht zwar unschön aus, aber immernoch besser als ein zweizeiliges Menü^^.
Und zumindest muss man nun 3x Zoomen, um den zweizeiligen Effekt auszulösen,
aber wer macht sowas schon :-P.

Danke an alle für die Lösungsansätze!

[ShenLung]

Na den Rand kannst du doch mit

#header .mod_navigation li.last{border-left: 1px solid #ffffff;border-right: none;}

anpassen

[I^Love^Feigling]

Mensch, so macht Fehlersuche Spaß!

Man lernt nie aus und manchmal sieht man die CSS vor lauter Codes nicht mehr^^.

Danke Dir.