Gernot Back: css Navigation verschiebt sich bei hover

Beitrag lesen

Hallo markus,

Das ganze habe ich mir in css schön formatiert und sieht auch so aus, wie ich es gern haben möchte. Unter anderem sollen die Links einen Abstand von 5pixeln zum Container-Div haben.

Bei einem hover der Links werden diese fetter, dadurch vergrößtern sich die ganzen Container. Das ganze passiert nur einmal, beim ersten drüberfahren der Links.

Wie kann ich das Verhalten abstellen?

Getestet wurde das ganze bislang nur unter dem IE7, andere Browser wurden noch nicht getestst, werde das heute abend bzw. morgen nachholen.

Bei den anderen Browsern wird es unter den gegebenen Umständen nicht anders sein. Du solltest dir also überlegen, ob du deinen LI-Elementen nicht jeweils eine feste Breite mit overflow:hidden zuweisen willst und die A-Elemente darin ohne Padding zentriert ausrichten möchtest.

Achso, eine weitere Frage haett ich noch, die Navigationsleiste ist per float:left in einem umschließenden Container eingebunden. Wie kann ich sicherstellen, das die Navigationsleiste nie höher ist wie der sie umschließende Container?

Ebenfalls mit overflow:hidden

Gruß Gernot