CSS Dropdown-Menü: Unterschiedliche Anzeige Firefox <-> IE

[webdesigner_88]

Hallo Leute!

Hab leider eine unterschiedliche Darstellung meines CSS-Dropdown Menüs bei der Internetseite www.mountainconcept.at
Der Firefox zeigt mir die Untermenüs richtig an, der IE so gut wie gar nicht (Ausnahme: Menüpunkt WER IST MOUNTAIN CONCEPT)
Könnt ihr vielleicht erkennen woran das liegen könnte?
Habe ich vielleicht irgendeinen Fehler in meinen CSS-Code eingebaut?
Bräuchte bitte dringendst Eure Hilfe!!

Mit besten Grüßen, Alex!

[Ingo]

Hi. Zur Zeit sehe ich nur das Joomla-Login ...

[webdesigner_88]

Öha!
Mein Fehler! Sorry!!
Seite ist ab sofort freigeschalten!

[webdesigner_88]

Gibt es denn hier wirklich niemanden der mir hier weiterhelfen kann? Bin leider schon kurz vorm Verzweifeln weil ich selbst nicht dahinter komme!!

Bräuchte bitte wirklich dringendst Eure Hilfe!!!!
Hoffe, ihr könnt mir vielelleicht doch helfen!?

Beste Grüße, Alex!

[Ingo]

Hi. (Bin etwas im Stress...)

Mir fällt auf, dass du die ID "mainlevelmainnav" mehrfach vergeben hast, nämlich in jeder der
4 Navi-Boxen einmal; möglicherweise liest der IE dann nur den ersten Treffer, wenn er nach
#mainlevelmainnav sucht, was dann auch erklärt, warum nur das erste Submenuü erscheint.

Erster Versuch wäre also, alle IDs nur 1x zu vergeben, also dann mainlevelmainnav0/1/2/3 oder
so ähnlich. Dazu müsste dann der innere Teil der sfHover-Funktion (in der HTML-Datei) mehrfach
ablaufen, für jede der 4 IDs einmal.

In der 2.Navi-Box lautet die ID übrigens schon mainlevelmainnav1.

Gruß, Ingo

[webdesigner_88]

Hallo Ingo!

Danke für deine Antwort!
Auch ich habe mir schon Gedanken darüber gemacht ob das der Grund sein könnte.
Jedoch hast du ja schon bemerkt, dass die 2te Box bereits einer anderen ID zugewiesen ist, und trotzdem wird diese nicht angezeigt.
Ich werde jedoch mal versuchen allen Boxen eine eigene ID zuzuweisen. Vielleicht wird ja dann endlich das Problem behoben!
Aber vielen Dank für deinen Tip!

Beste Grüße, Alex!

[Ingo]

Nur zur Sicherheit: Um die Menüs im IE6 ans Laufen zu bekommen, genügt es nicht, einfach nur
eindeutige IDs zu verteilen. Weil der IE6 mit li:hover nichts anfangen kann, wird mithilfe der
Funktion sfHover dieses Verhalten nachgebaut. Die zweite Box hat zwar derzeit eine eigene ID,
diese wird aber von sfHover noch nicht "bedient", also erscheint auch dieses Menü trotz eindeutiger
ID nicht. sfHover muss angepasst werden, z.B. so:

Code: Alles auswählen

// Angenommen, die IDs lauten mainlevelmainnav0..3, dann sieht sfHover so aus:

sfHover = function()
{
    var sfArr = ['mainlevelmainnav0','mainlevelmainnav1','mainlevelmainnav2','mainlevelmainnav3'];
   
    for(var n=0; n<sfArr.length; n++)
    {
       var sfEls = document.getElementById(sfArr[n]).getElementsByTagName("LI");
       
       for (var i=0; i<sfEls.length; i++)
       {
          sfEls[i].onmouseover=function()
          {
             this.className+=" sfhover";
          }
          sfEls[i].onmouseout=function()
          {
             this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
          }
       }
    }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);   // IE


Bin gespannt

Gruß, Ingo

[webdesigner_88]

Hallo Ingo!

Leider brachte auch das weitere zuweisen zu eigenen ID's auch kein positives Ergebnis.
Woran könnte es noch liegen? Was könnte noch daran schuld sein, dass das ganze im IE hackt, im Firefox jedoch nicht?
Und ein ledigliches Einfügen deines Codes half leider auch nicht weiter!
Sonst noch irgendwelche Ideen woran das Problem liegen könnte??

Über weitere Antworten würde ich mich sehr sehr freuen!

Mit besten Grüßen, Alex!

[Ingo]

Hi.

Upps, da hab ich etwas übersehen: Wenn man die ID mainlevelmainnav ändert, muss man natürlich
das CSS (hier template.css) noch ändern, weil dort die interessanten Menü-Dinge passieren. Nach
den notwendigen Änderungen klappt es bei mir dann im IE6, FF2/3 und Opera. Zu den Änderungen:
HTML:
1) Navi-Boxen: class="mlmnX" hinzugefügt, IDs geändert (wie oben erwähnt)
2) JS-Funktion sfHover ersetzt durch Version von oben
CSS (markierte Passage):
3) Navi-Teil geändert: "#mainlevelmainnav" ersetzt durch ".mlmnX"

Ich habe eine geänderte und lauffähige Kopie der Willkommenseite angehängt (ohne Bilder).

Gruß, Ingo

PS: Es gibt übrigens noch ein Problem: die Untermenüs liegen so ungünstig, dass z.B. der
Punkt "Team" im ersten Menü nicht erreicht werden kann, weil er vom Untermenü verdeckt wird.

[webdesigner_88]

Wow Ingo! Ich bin beigeistert, und weiß gar nicht was ich sagen soll!!!
Vielen vielen Dank für deine Hilfe!!!! :-D
Du hast mir wirklich sehr(!) geholfen, und das freut mich sehr!

Ich werde dann ab heute Nachmittag versuchen das ganze selbst in die Tat umsusetzten. Mal schauen, ob ich es auf anhieb schaffe!

Wünsche dir einen schönen Tag!
Beste Grüße, Alex!

[webdesigner_88]

Hallo Leute!

Wollte mich nur nochmal kurz bei Ingo bedanken, dafür, dass ich so eine tolle Hilfestellung bekommen habe!
Hat mich sehr gefreut, und vor allem auch, dass es nun funktioniert! :-D

Besten Dank!
MfG, Alex!

[Ingo]

Bitte gern geschehen, mir macht so'was Spaß
(habe nur in dieser Woche kaum Zeit dafür)
Das freut mich jedenfalls, dass es nun klappt.

Grüße, Ingo