[Gelöst]Bin am Verzweifeln... Menu... IE macht Probleme

[new.matreix]

Hallo Zusammen,

Weiss langsam nicht mehr was machen. Habe schon alles versucht und zwar habe ich das Problem, dass der IE beim Menu, wenn ich vom einten Menupunkt zum Anderen fahre,einfach den Abstandshalter | plötzlich anderst formatiert, obwohl ich kein hover definiert habe. im FF klappt alles wunderbar. An was liegt das? Hier der Link:
http://web640.login-4.loginserver.ch/cms/

Besten Dank schon im Voraus für die Hilfe!

[NaN]

...
obwohl ich kein hover definiert habe.
...

Zumindest nicht explizit für den Seperator. Aber dafür für die Listenpunkte im Menü allgemein.
(Schau mal ins CSS für das Menü.)
Vielleicht solltest Du einfach einen Hover-Style für den Seperator definieren?
Bzw.

span.mseperator:hover,
span.mseperator {
color:#009ee0;
font-size: 1.2em;
font-weight: bold;
padding-left: 5px;
}

li.mseperator:hover,
li.mseperator {
  margin: 0.4em;
}

Im Stylesheet notieren.
Mehr kann ich Dir da momentan leider nicht helfen, denn komischerweise kann ich das offline nicht testen.
Da funktioniert nämlich auch im IE alles.

[new.matreix]

Erstmals vielen Dank für die Antwort!

Vielleicht solltest Du einfach einen Hover-Style für den Seperator definieren?

Hab ich gemacht, funktioniert aber leider nicht

[NaN]

Bei CSS spielt auch die Reihenfolge der Formatierungsanweisungen eine Rolle.
Da die Formatierung für den Separator in einem anderen Stylesheet steht als die Formatierung für das Menü, kann es sein, dass die Styles für den Separator vom Menü-Style wieder überschrieben werden.
Ich würde zunächsteinmal die Styles für den Separator ins Menü-Stylesheet packen.
Am Besten ganz zum Schluss.
Und dann würde ich mit dem Hover-Style für den Separator einfach mal ein wenig rumspielen. (andere Farbe, fett, mit Rahmen...) Und zwar einzeln. D.h. sowohl für den Listenpunkt als auch für das Span-Element (Wozu brauchst Du das überhaupt?)  Einfach nur, um zu testen, ob es wirklich am Hover des Separators liegt.
Den Separator würde ich dann übrigens nicht nur mit span.mseperator:hover bzw. li.mseperator:hover ansprechen, sondern ganz explizit mit allen übergeordneten Elementen:

#pagewrapper #menu_vert #menuwrapper #primary-nav li.mseperator:hover
{}

Somit kannst Du zumindest ganz sicher sein, dass diese Eigenschaften von keiner anderen Anweisung überschrieben werden.

Wenn das alles nichts hilft, schau mal ins Template Deiner Seite. Dort steht am Anfang

Code: Select all

<!--[if IE]>
<__script__ type="text/javascript" src="modules/MenuManager/CSSMenu.js"></__script>
<![endif]-->

Wenn der Fehler nur im IE7 auftritt, dann liegts vermutlich am Javascript für das CSS-Menü.
Der IE7 braucht das Javascript allerdings nicht (der kann inzwischen auch mit CSS etwas anfangen).
Ändere dort einfach mal

Code: Select all

<!--[if IE]>

in

Code: Select all

 
<!--[if lte IE6]>
 

[new.matreix]

Vielen vielen Dank für die Unterstützung!

Habs nun hinbekommen, und zwar habe ich im Javascript workaround einfach ne if anweisung gestzt, wenn this.ClassName = "mseperator" dann mache nichts