[dsxs]

Unser Adminpanel ist so aufgebaut, dass links eine etwa 110px breite Navi liegt und rechts der eigentliche Content als Template geparsed wird.

Nun habe ich kürzlich unterhalb der Navi einen ausserordentlich praktischen Kalender eingebaut, welcher als iframe eingebunden wird. Als Schnellübersicht dient ein Javascript "PopUp", welches beim Hovern über einen bestimmten Tag mit Eintrag angezeigt und beim onmouseout natürlich wieder verschwindet.

Die Sache ist genial, wäre da nicht die mühsame Überlappung des iframe.
Der Hover-Einblendebalken ist 300px gross, um unübersichtlichen, automatischen Zeilenumbrüchen der Kurzhilfe zum jeweilgen Tag vorzubeugen.
Das Mühsame ist, dass die Zone im Contentteil rechts unmittelbar rechts vom Kalender zwar nicht visuell, aber "contenttechnisch" vom iframe resp. dem Javascript überlappt wird und ein Anklicken von Links oder Buttons in dem Bereich nicht möglich ist.

Angehängt ist ein Screenshot, der die Problematik verdeutlicht.


Frage nun: kann ich den iframe in irgendeiner Weise als hinterstes Element definieren, also hinter der eigentlichen Seite, um diese Überlappung loszuwerden?
Hinweis: Es werden divs und keine Frames für navi resp. Content benutzt.


Danke für jede Hilfe, schöne Grüsse

[think]

Z-Index sollte da helfen:
http://www.css4you.de/z-index.html

[$traight-$hoota]

eigentlich ist z-index nur für die darstellung da, und dargestellt wird der teil ja.
das problem kannst du so imo garnicht umgehen, weil das hover-element entweder teil des hauptokumentes ist und außerhalb des iframes angeklickt werden kann oder eben teil des dokumentes im iframe und außerhalb dessen nicht auf actionen reagieren kann.
als einzige lösung würde mir einfallen, den (imo unnötigen bzw. veralteten) iframe rauszuschmeißen und das ganze per ajax machen.