Navigation verschiebt sich beim Zoomen

[MrAltSax]

Hallo zusammen,

ich bin schon ganz verzweifelt, wenn ich in meinem Browser zoome, dann verändert sich die Position, meines Navigationsinhaltes von Kontakt. Entweder legt er sich unter home oder wir enger zusammengezogen.

Über Hilfe wäre ich seh dankbar.

ps.: Eine feste Größe an meinen Boxen habe ich schon und die pixel Einheiten, gegen em auszutauschen ergab auch kein Erfolg.

Ich habe euch den CSS-Code und den HTML-Code einmal in zwei sepperaten Textdateien hochgeladen.

Hier noch ein Link zur Seite:
https://db.tt/qpaDwbeG

Gruß
MrAltSax

 

[Cheffchen]

Hallo,

zeige mal lieber ein Link, was solle wir mit dem code anfangen?
und dann vielleicht noch Browser?

Cheffchen

 

[MrAltSax]

Hallo hier ein Link:

https://db.tt/qpaDwbeG

und ich habe es mit Firefox getestet.

Gruß
MrAltSax

 

[Cheffchen]

Hallo,

kann ich so nicht bestätigen: http://awesomescreenshot.com/0a31u8re31

ich kann zoomen bis ich nur noch 2 Menüpunkte sehen und nichts verschiebt sich.

Cheffchen

 

[MrAltSax]

Hm komisch. Wie ist es denn, wenn du rauszoomst? Verschiebt sich Kontakt dann auch nicht unter home?

Gruß
MrAltSax

 

[Cheffchen]

nein bleibt alles wo es ist.

Leider/zum Glück? ;O)

Cheffchen

 

[MrAltSax]

komisch ich habe es auch noch einmal mit Chrome getestet, und es verschiebt sich hier genauso, wie beim Firefox -,-
Trotzdem Danke für deine Bemühungen.

Gruß
MrAltSax

 

[Bennyville]

Wenn ich in Chrome 2x rauszoome bricht die Navigation bei mir auch um. Liegt an den breiten der Navigationspunkte und deren Ränder. Die werden neu berechnet und irgendwann aufgerundet, dann sind sie größer als ihr Eltern-Element.

Du könntest den a-Tags in der Navigation in CSS ein „box-sizing: border-box;“ geben. Das bewirkt, dass paddings, margins und border nicht zur Breite des Elements dazu addiert werden. Müsste funktionieren. Allerdings nicht in allen Browsern :/

http://caniuse.com/css3-boxsizing

LG
Benny