z-index, Tabelle wird von div überlagert

[Julian von Mendel]

Hallo!

Ich habe eine _sehr_ große Tabelle, die mit HTML und CSS dargestellt werden soll. Sie muss sowohl vertikal als auch horizontal scrollbar sein. Über der Tabelle ist ein Menü, das immer erreichbar sein soll. Wenn ich das Menü mit position:fixed; (läuft in einem Intranet, und ohne IE :) befestige, und nach Rechts scrolle, bleibt das Menü - wie gewünscht - an einer Stelle. Wenn ich aber vertikal scrolle, überlagert das Menü die Tabelle.

Das Menü ist in ein div verpackt, mit der ID "fixed". Die Tabelle gehört der Klasse "tabelle" an. In meine Stylesheet-Datei habe ich folgendes notiert:

.tabelle { z-index:100; }
#fixed { position:fixed; top:10px; left:10px; z-index:5; }

Trotzdem wird die Tabelle, wenn man nach unten scrollt, von dem Menü überdeckt, dabei möchte ich genau das Gegenteil erreichen. Wo liegt mein Fehler?

Schöne Grüße
Julian

[Detlef G.]

Hallo Julian

... Über der Tabelle ist ein Menü, das immer erreichbar sein soll.

Trotzdem wird die Tabelle, wenn man nach unten scrollt, von dem Menü überdeckt, dabei möchte ich genau das Gegenteil erreichen.

Also, das verstehe ich nicht.
Das Menü soll immer erreichbar sein, aber von der Tabelle überdeckt werden?
Wenn es von der Tabelle überdeckt wird, ist es doch nicht mehr erreichbar.

Auf Wiederlesen
Detlef

[Julian von Mendel]

Hi Detlef,

... Über der Tabelle ist ein Menü, das immer erreichbar sein soll.

Trotzdem wird die Tabelle, wenn man nach unten scrollt, von dem Menü überdeckt, dabei möchte ich genau das Gegenteil erreichen.

Also, das verstehe ich nicht.
Das Menü soll immer erreichbar sein, aber von der Tabelle überdeckt werden?
Wenn es von der Tabelle überdeckt wird, ist es doch nicht mehr erreichbar.

Du hast sehr Recht. Der letzte Satz sollte natürlich lauten "Trotzdem wird das Menü, wenn man nach unten scrollt, von der Tabelle überdeckt, dabei möchte ich genau das Gegenteil erreichen.

Schöne Grüße
Julian

[Detlef G.]

Hallo Julian

Du hast sehr Recht. Der letzte Satz sollte natürlich lauten "Trotzdem wird das Menü, wenn man nach unten scrollt, von der Tabelle überdeckt, dabei möchte ich genau das Gegenteil erreichen.

vielleicht deshalb:

.tabelle { z-index:100; }

^^^ ist wesentlich größer als

#fixed { position:fixed; top:10px; left:10px; z-index:5; }

^ dies

Die größere Zahl liegt vorn.

Entweder in deinem Quelltext ist noch was entscheidendes, dass ich nicht
weiß, oder deine Browser verhält sich (naja, sagen wir mal) unüblich.

z-index:100 müsste ignoriert werden, gilt nur für positionierte Elemente.
(mein Mozilla ignoriert es auch)
Und selbst vollständig ohne z-index geht es in meinem Mozila.
(absolut oder fixed positionierte Elemete rendert er vor static
Positionierten)

Auf Wiederlesen
Detlef