Navigation Hoverbereich

[JoLe05]

Hallo Leute!

Ich habe leider ein Problem mit meiner Navigation! Ich möchte gerne, dass beim hover auf die menu li´s der div genau darunter platziert wird. Und zwar ist der div genau so breit wie die gesamte Website, jedoch rückt er nicht in die Mitte! Vielleicht kann mir jemand dabei helfen.

 

[cythux]

AW: Navigation Hoverbereich

steht doch alles in diesem Tutorial vom Mega drop down menu

Bitte kostenlos registrieren, damit du die Links siehst.

 

[JoLe05]

AW: Navigation Hoverbereich

nein leider nicht! die hovers sollen ja alle dieselbe breite haben und immer an der selben stelle erscheinen... nicht genau unter dem button!

da liegt das problem

 

[cythux]

AW: Navigation Hoverbereich

dann bin ich überfragt für den moment, das die demo von einwandfrei funktioniert, eventuell hast du irgendwo etwas übersehen

 

[Stavros]

AW: Navigation Hoverbereich

Das wird dann wohl am besten via JavaScript funktionieren. Denn da kannst du dein Div-Element auch außerhalb der Liste platzieren.

 

[tr4ze]

AW: Navigation Hoverbereich

versuchs mal mit

#menu  li:hover .dropdown_1column, #menu li:hover .dropdown_2columns, #menu  li:hover .dropdown_3columns, #menu li:hover .dropdown_4columns, #menu  li:hover .dropdown_5columns {
   display: block;
   position: relative;
   }

 

[Myhar]

AW: Navigation Hoverbereich

Um den div genau unter das Menü zu positionieren, reicht es dem #menu{position:relative} zu geben, da sich absolut positionierte Elemente immer am zuletzt relativ positionierten Container orientieren.
Was bei dem Menü noch bedacht werden sollte: Es ist zur Zeit nicht Touch freundlich, sprich ohne eine Maus kann ich das Untermenü gar nicht aufrufen. Auch ist die starre Breite nicht skalierungsfreundlich, aber das war ist wohl auch nicht gewünscht ;-)

 

[JoLe05]

AW: Navigation Hoverbereich

Um den div genau unter das Menü zu positionieren, reicht es dem #menu{position:relative} zu geben, da sich absolut positionierte Elemente immer am zuletzt relativ positionierten Container orientieren.
Was bei dem Menü noch bedacht werden sollte: Es ist zur Zeit nicht Touch freundlich, sprich ohne eine Maus kann ich das Untermenü gar nicht aufrufen. Auch ist die starre Breite nicht skalierungsfreundlich, aber das war ist wohl auch nicht gewünscht ;-)

Der absolute Hammer! Danke jetzt funktionierts!
Leider habe ich mich noch nicht mit der "Touch-Usability" beschäftigt! hättest du dafür eine Referenz? Bzw. ist das schwierig umzusetzen?

 

[Myhar]

AW: Navigation Hoverbereich

Auf dazu. (Gleich der erste Treffer ist lesenswert)

 

[JoLe05]

AW: Navigation Hoverbereich

Auf dazu. (Gleich der erste Treffer ist lesenswert)

Vielen Danke für deine Hilfe