padding-problem bei navi (rüttelt herum)

[sear]

hallo!

das problem hatte ich schon mehrmals, und konnte es nie lösen, jetzt gerade aktuell bei folgender seite:

http://www.telltec.ch/temp/telltec_/

also die navi oben rechts "rüttelt" bei mouseover rum.... ich denk mal das liegt an falschen angaben von padding irgendwo...
aber ich brings nicht raus.

achja das css-file ist hier: http://www.telltec.ch/temp/telltec_/css/fresh.css
die klassen für die navi sind alle mit 'navi' bezeichnet ....

die navi sollte sich nicht bewegen bei mouseover, bewegt sich aber natürlich, da 2px padding (vom rechten und linken rahmen je ein pixel) dazukommen.

kann man das irgendwie lösen?

danke!
sear >>

[XaraX]

hallo sear,

ja, das geht sehr gut, in dem Du

#navi li a:link, #navi li a:visited

auch einen Border [1px solid] verpaßt, der die Hintergrundfarbe vom Elternelement hat.

Gruß aus Berlin!
eddi

[sear]

ha du bist grossartig :)

so simpel ;)

merci!
sear

[XaraX]

Lieber sear,

darf ich Dich um eine Sache bitten? Wenn ja: Bitte bitte bitte nimm den grauen Hintergrund von den Texten weg, die Blume (notfalls überlagere das mit 33% oder 50% an weiß) ist zu schön, um sie nur in Teilen zu betrachen. *ganzliebdankesag*

:)

Gruß aus Berlin!
eddi

[sear]

hallo eddie,

genau den gedanken hatte ich auch. darum habe ich ein halb-transparentes png in den hintergrund gestellt, was sehr gestylt aussieht.
nur leider stellt der internet explorer diese dinger nicht richtig dar. ich rate dir allgemein zu firefox als browser...

http://mozilla.org falls du ihn herunterladen willst.

gruss
sear

ps. ich will eigentlich, dass bei den ie benutzern der hintergrund dann weiss erscheint, nicht grau. da arbeit ich noch dran =)

[XaraX]

hallo sear,

habe mir die Seite grade vom Zweitrechner mit NC angesehen
Ich danke Dir für diesen Anblick :)

Gruß aus Berlin!
eddi

[Piet]

also die navi oben rechts "rüttelt" bei mouseover rum.... ich denk mal das liegt an falschen angaben von padding irgendwo...
aber ich brings nicht raus.

Das Rütteln kommt davon, dass du links und rechts eine Border hinzufügst. Eine Border verbreitert eine Box.

Wenn du die Border links und rechts weglässt funktionierts. Wenn die unbedings sein muss könntest du die Breite der Links absolut definieren und dann beim Hover zwei Pixel abziehen. Dafür müsstest du aus den Links Block Elemente machen. Wenn die nicht in einer Liste stehen müsstest du die dann noch floaten.
Das ist sicher keine wirklich elegante Lösung, aber sollte funktionieren.