• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Div, was den Rest überdeckt

Tobi44

Mitglied
Hallo,

will mir ein ausfahrbares Menü basteln. Jquery ist kein Problem. Es geht erstmal darum, das Div überhaupt zu positionieren, an der Stelle, wo es bei einem mouseover angezeigt werden soll.
Und genau da komme ich im Moment nicht weiter. Das Element, bei dessen Mouseover das Menü erscheinen soll, befindet sich im Footer einer Seite. Das Menü soll einfach über dem Element erscheinen, und alles was darüber ist (geht ja dann in den eigentlichen Content der Seite rein) überdecken.
Leider verschiebt es mir das Element grundsätzlich nach unten, und auch gleich alles andere was daneben noch ist, auch.
Das Menü ist relativ positoniert. Ich dachte, bei dieser Positionierung überdeckt das Div alles andere, und verschiebt und drückt es nicht in irgendeine Ecke.

Wie krieg ich denn nun also ein div hin, welches an bestimmter Position, bspw. neben, über oder unter einem bestimmten Element erscheinen, und dabei alles andere einfach überdecken soll?
 
Hmm, und wie bringe ich es dann dahin, dass es mit absoluter Positionierung immer an der Stelle ist, wo es sein soll? Sprich im Footer über einem Link. Da der Content der Page ja von der Höhe ständig variiert, ist auch der Link immer an anderer Stelle.
Unter absoluter Positionierung verstehe ich, dass es vom Bildschirm- bzw. Fensterrand ausgeht.

Edit: Glaub ich habs. Habe dem übergeordneten Div nun ein relative gegeben, und das Menü hat absolute. Geht das so?
 
position: absolute errechnet sich relativ zum ersten Elternelement, welches ein Attribut position besitzt - oder eben zum Body.

Du könntest auch mit offset() die Position des Links abfangen und das als Grundlage für die Berechnung verwenden. Vielleicht würden sich auch die Modals von Bootstrap eignen. Es gibt viele Wege nach Rom.
 
So kann man es natürlich auch ausdrücken: Da Ergebnis muss nicht true sondern ungleich false lauten. ;)
 
Zurück
Oben