Problem mit Mozilla Firefox - Menü wird nicht richtig dargestellt

[ProkeinMedia]

Hallo,

ich weiß echt nicht mehr weiter :-( !
Habe ein Tabellen-Menü erstellt bei dem per Mouseover die CSS-Klasse ersetzt wird. Soweit sogut - funktioniert wunderbar im Internet Explorer 7, mit dem ich zuerst immer alles teste.

Doch der Mozilla Firefox (Version 2.0.0.5) zerschießt mir das Menü total. Irgendwie kommt er mit dem Mouseover nicht zurecht. Also beim Mouseover/Mouseout verschieben sich irgendwie die Zellen der Tabelle nach rechts. Sowas habe ich eigentlich noch nie gesehen?!

Denke mal, dass der IE den Fehler einfach "nicht beachtet"?

Zur Veranschaulichung habe ich mal das Menü ausgelagert und hier online gestellt.

Hoffe irgendjemand von euch kann mir helfen.

Und bitte keine Diskussion über den besseren Browser anfangen!

Vielen Dank schonmal!

 

[Drakes]

Wieso machst du es nicht einfach mit:

.nav2_unterpunkt{
    background-color:#e1e4cd;
    font-family:Arial;
    color:#c5c8b2;
    font-size:10pt;    
    display:block;
    height:25px;
    }
        
    .nav2_unterpunkt:hover{
    background-color:#c5c8b2;
    font-family:Arial;
    color:#ffffff;
    font-size:10pt;    
    display:block;
    height:25px;
    }

anstatt mit Mouseover und Mouseout?

Edit: Ich würde sowieso das Menü in ein <ul> bzw. <li> hineinpacken, anstatt mit Tabellen.
Und kannst du mir erklären für was das gut ist:

<img src="spacer.png" width="25px" height="1px" >

Du hast XHTML beim Doctype genommen, trotzdem lässt du das alt-Attribut weg und machst am Schluss auch keinen Slash.:?

 

[ProkeinMedia]

Ja stimmt so kann mans auch machen! Aber trotzdem verziehts mir des im Firefox noch! Denke das liegt an was anderem?

Und kannst du mir erklären für was das gut ist:

<img src="spacer.png" width="25px" height="1px" >

Du hast XHTML beim Doctype genommen, trotzdem lässt du das alt-Attribut weg und machst am Schluss auch keinen Slash.:?

Ich finde es schaut schöner aus eine "Spacer-Grafik" einzubinden als mehrere &nbsp; hintereinander zu schreiben.
Hast du dir des mal im Firefox angeschaut und verziehts des bei dir auch so oder ist das nur bei mir so?

Außerdem habe ich die "Slashs" nachträglich rausgenommen weil die Fehlerkonsole des Firefox diese rot dargestellt hat und ich ausprobieren wollte obs vielleicht daran liegt

Hallo nochmal,
kann mir bitte jemand mal bestätigen ob er die fehlerhafte Darstellung im Mozilla Firefox auch sehen kann oder ob das nur in meiner Version so ist? :roll:

 

[Drakes]

Ja es wird bei mir auch "falsch" dargestellt, ich bin gerade an einer Version, wie ich es machen würde. Das aktuelle kannst du gerade hier anschauen.

Und wegen dem Abstand, dass kannst du über CSS mit text-indent lösen ;)

 

[ProkeinMedia]

Danke! Echt nett von dir :-D !

Schaut schon fast aus wie das was ich gemacht habe, ABER ich habe ja die Tabellen für mein Menü genommen, da man auf die gesamte td-Breite einen Link setzen kann. Geht dass dann auch mit dem List-Style? Und <li valign="middle"> funktioniert ja dann irgendwie auch nicht, oder? :sad:

Ok, hat sich schon erledigt, danke :-D !

 

[Drakes]

Ich weiss was du meinst, ich hab jetzt einfach mal display: block; für das a-Element definiert und somit hat sich das Problem in Luft ausgelöst. Ich bin jetzt übrigens fertig mit anpassen, das HTML-Dokument ist jetzt nur noch ein Drittel so gross wie vorher.

Übrigens sieht es im IE6 nicht so gut aus, weil der :hover nicht interpretieren kann. Zudem kann es vorkommen, dass das Hintergrundbild zu klein ist und man dann den weissen Hintergrund sieht, am besten das HGBild grösser machen oder noch ähnliche Hintergrundfarbe definieren.

 

[ProkeinMedia]

Vielen, vielen Dank nochmal!
schaut jetzt wirklich sehr gut aus!
echt nett dass du dir die Zeit genommen hast :grin: .

Edit: Hab mir gerade nochmal das alte CSS angeschaut und mir ist aufgefallen, dass in einer Klasse display:block drinstand und in der hoverklasse nicht! Das war der Fehler! Schon schade dass der Mozilla bei solchen Kleinigkeiten so einen krassen Bug verursacht und ein ganzes Menü verrutscht und verschiebt.