Hallo Gemeinde,

ich habe ein Problem mit meinem Template und dem z-index Attribut. Ein DIV mit Name projectData_container, enthält wichtige Infos, die onmouseover auf eines der Thumbnails ausgegeben werden.

Wie ihr aktuell auf der Seite mittels Firebug sehen könnt, habe ich allen beteiligten DIV Elementen jeweils eigene z-indizes vergeben. Auch das in denr Suchfilter eingelassene Formular (diese Struktur wird vom verarbeitenden Script so vorgegeben) hat einen z-Index. Jedoch gelingt es mir einfach nicht, den rechten Container UNTER das Formular zu bekommen. Ist dieses ausgefahren und man streicht währenddessen mit der Mouse über ein beliebiges Thumbnail, werden die zugehörigen Infos im Ziel-DIV immer ÜBER dem Formular ausgegeben. Ich krieg das einfach nicht hin. Sogar mit einem z-index von 10000 für den filter_container-DIV.

Der projectData_container wird zur Laufzeit bei Aufruf des Menü-Links mittels Javascript angesprochen und im height-Attribut verändert, da er für alle anderen Links nur halb so hoch sein darf. Überschreibt das vielleicht die komplette CSS Definition für dieses Element sodass es vielleicht deshalb nicht funzt?

Wisst ihr Rat? Ich komme nicht weiter...

Gruß,

Clubnite

#output_container und #projectData_container sind Geschwister. Beide haben position+z-index gesetzt. Weil #output_container das position+z-index gesetzt hat, bildet es einen eigenen stacking context. Innerhalb dieses Stacking context kannst du Elemente mit z-index:10000... setzen wie du willst, sie werden nie ausbrechen und in der z-Achse über dem #projectData_container stehen können. Denn #projectData_container hat ein höheres z-index als #output_container

__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken

Danke vielmals! Du glaubst garnicht, wie glücklich du mich damit gemacht hast. Endlich ist das gelöst und kann ich mich um die anderen Baustellen kümmern. Wie es scheint, muss ich doch mal endlich Zeit finden und ein CSS-Tutorial auch mal bis zum Ende durcharbeiten. Das mit den Geschwister-Beziehungen habe ich nämlich noch nicht gewusst. Außerdem brauche ich noch eine none-Tabellen-Variante meines Formulars.

Vielen Dank!

Gruß, Clubnite