MootoolsNav abgeschnitten bei Click auf Level_1

[MHuettmann]

Hallo,
ich habe die Mootoolsnav-Erweiterung eingebaut und als vertikale Navigation eingesetzt. Es klappt auch gut, bis auf einen Punkt den ich nicht gedebugged bekomme:
Wenn ich auf Level_1 einen Punkt mit Untermenü anklicke, dann erscheint das aufgeblendete Untermenü auf der neuen Seite nur abgehackt nach den ersten 2,5 Links, egal wie lang die eigentliche Liste von Untermüpunkten ist. Auch nach erneuten hover bei diesem Punkt bleibt es verstümmelt. Wenn ich allerdings bei einem anderen Menüpunkt den Level_2 Accordion-Effekt hatte, der dort auch weiterhin einwandfrei funktioniert, bekomme ich auch bei dem aktiven Link das Untermenü wieder korrekt.
Hab ich da etwas falsch definiert, oder wie kann ich das beheben.

Zum anschauen, hier der Link (ist noch eine Baustelle): http://www.stockhausen-technologies.de/tl

Der Fehler tritt wie gesagt auf, wenn Service, B2B oder Über uns angeklickt wird und der Cursor dort bleibt, oder ohne über einen anderen Menüpunkt gefahren zu sein dieser wieder mit hover berührt wird.

Bei der Gelegenheit noch etwas. Beim IE 8 habe ich beim öffnen der Untermenü-Liste den Effekt, dass erst alles dunkel dargestellt wird und dann zum definierten Design wechselt. Kann mir jemand sagen wieso der das macht und ob und wie man dies beseitigen könnte.

Vielen Dank
Martin

[MacKP]

Hallo MHuettmann,
wenn ich bei #mainmenu ul das height: 76px raus nehme geht es.

Viele Grüße

[MHuettmann]

Hallo MacKP!

Vielen Dank für den Hinweis. Bei mir funktioniert es so auch!

[Silvano]

sehr gut, da springe ich doch gleich auf bei diesem Thema
(Live: http://contao.lorenzwalter.com)

Standart (bevor ich was ändere) sah bei mir so aus

#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol
left: 0

Dort schneidet er mir immer den letzten Navigationspunkt ab (egal wie viele ich hab).
Wenn ich jedoch beim CSS eine Höhe eintrage (habe mal übertrieben mit 500 Pixel) schneidet er mir es nicht mehr. Was in meinen Augen auch Sinn macht. Jedoch kann ich ja meinem Kunden schlecht sagen wenn Du mehr als X Navigationspunkte hast musst Du im CSS noch die Höhe anpassen

Irgend eine Idee (gibt bestimmt wieder so eine simple wie mit dem <el> ).
Danke. Gruess Silvano

[MacKP]

Hallo Silvano,
du hast das Untermenü in einem div mit der Klasse 'smOW' und dort wird (leider im HTML Code) eine Höhe von 200px angegeben.. wenn die fehlt, geht es auch.. Ich weiß jetzt nicht wo die genau her kommt oder so, aber eventuell hilft das schon mal weiter.


Viele Grüße

---
Edit: ich glaub das ist dynamisch berechnet... und ich glaube das ist nicht richtig berechnet, weil du da mit den Button NEW das ganze unnatürlich hoch setzt (wird ja 2 mal eingebunden bei dir). Wenn du das änderst, sollte es passen glaub ich.

[Silvano]

du hast das Untermenü in einem div mit der Klasse 'smOW' und dort wird

nicht ich. Das war MenuMatic Spass bei Seite, werde mich mal da auf die Suche nach diesem Eintrag machen. Bis jetzt habe ich ihn noch nicht gefunden. Danke für den Tipp.

-- edit

Edit: ich glaub das ist dynamisch berechnet... und ich glaube das ist nicht richtig berechnet, weil du da mit den Button NEW das ganze unnatürlich hoch setzt (wird ja 2 mal eingebunden bei dir). Wenn du das änderst, sollte es passen glaub ich.

hab's schnell entfernt. nope. Leider 'schneidet' er es mir immer noch ab. Aber Du hattest Recht mit dem dynamischen berechnen, weil die Höhe war vorhin 201 Pixel und nun ist sie 184 Pixel.

[MacKP]

Ich komm so nicht so ganz klar, dadurch das die CSS Dateien zusammengefasst werden.
Aber so als Tipp für die Fehlersuche:
Teile vom eigenen CSS entfernen und schauen ab wann es funktioniert.
Dann bekommt man in der Regel recht schnell raus wo das hängt.

Ich Kreise solche Fehler teilweise recht gerne so ein, das ich eigenes CSS erst mal komplett entferne und schaue ob es dann geht... wenn ja, dann muss es ja am eigenen liegen und da kann man dann immer Abschnittsweise hinzufügen und entfernen.

Viele Grüße

[Silvano]

bin ein wenig näher gekommen. Wenn ich das originale CSS File von MenuMatic erneut verwende, wird es richtig angezeigt. Das heisst an meinem änderungen vom CSS File habe ich was gemacht was nicht so gut war

[Silvano]

Problem gefunden

hab's - wenn ich im CSS folgendes lösche, dann schneidet es ab.

border:1px solid #C3D46A;

(bei #subMenusContainer ul, #subMenusContainer ol)

-- edit
gefällt mir aber immer noch nicht. Kann schlecht eine Farbe angeben die genau wie der Hintergrund aussieht da jeder Browser/Computer/Monitor eine andere Farb interpretation hat

[MacKP]

Ich habs jetzt nicht getestet, aber versuchs dann doch mal mit padding anstelle einer Linie.
Ansonsten könntest du natürlich deinen Hintergrund auch per CSS definieren, dann die Linie auch.. das wird sich dann auf keinen Fall unterscheiden. Würde da eh kein Bild nehmen, da das ja einfach nur ein grauer Hintergrund ist.

Viele Grüße

[Silvano]

Ansonsten könntest du natürlich deinen Hintergrund auch per CSS definieren, dann die Linie auch.. das wird sich dann auf keinen Fall unterscheiden. Würde da eh kein Bild nehmen, da das ja einfach nur ein grauer Hintergrund ist.Viele Grüße

jo, das kam mir dann gestern als ich nochmals das ganze durchgedachte habe auch in den Sinn. Hab es nun via CSS definiert. Danke wie immer, für deine Hife :-)