IE: Problem mit Abständen und Positionierungen
Bin blutige Anfängerin. Also, ich habe eine horizontale Navigationsleiste mit 5 gleichbreiten Rubriken darin. Per :hover soll sich via Klassenzuweisung pro Rubrik das jeweilige Hintergrundbild (b 180px, h 25px) ändern.
Klappt auch überall außer im IE. Der stellt nämlich alles dar, bricht aber in eine nächste Zeile um, wo dann komischerweise nochmal die letzten drei Buchstaben der ganz rechten, also letzten, Rubrik stehen. Mit dem Underscore-Hack hatte ich nun die Rubrikbreite um einen Pixel runtergesetzt. Dann entstehen aber von links nach rechts zwischen den Rubriken immer etwas weitere Abstände. Weiß wirklich nicht mehr, was ich noch machen kann. Hat jemand eine Idee? Hier mal die URL: https://gmn.novedia.de/css/ ----- in CSS ------------ Code:
#horizontalNav { |
Poste doch bitte mal einen Link.
|
Zitat:
https://gmn.novedia.de/css/ |
|
Die Wiederholung der letzten drei Buchstaben ist ein Fehler, der im IE bei engen floats, Kommentaren und/oder display:none-Blöcken auftritt.
In deinem Fall sollte ein negativer margin für das letzte Element ausreichen. .Section5 {margin-right:-3px;} nebenbei - Überleg doch mal, ob du eine Liste von links im Menue nicht auch als Liste auszeichnen solltest. - wenn du schreibst Code:
#horizontalNav .Section1, .Section2, .Section3, .Section4, .Section5 { Code:
#horizontalNav .Section1, |
JA! Hat geklappt! :) Vielen Dank für die vielen wichtigen Hinweise! Hatte schon die margin-Variante gestern - leider erfolglos - ausprobiert. Da wusste ich aber das mit der Listenauszeichnung nicht. Nun habe ich den Code analog deiner Empfehlung umgeschrieben und alles läuft.
|
Alle Zeitangaben in WEZ +2. Es ist jetzt 10:28 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023