div (z-index)

[Dominik Schöneberger]

Hallo,

ich frage mich warum der folgende Code nicht funktioniert:

____________________________________________________________________
    <table border="0" width="100%" height="500">
    <tr>
    <td valign="top" align="center">
    <img src="bild.gif" style="width: 100%; height:100%;z-index:1;">
    <div style="z-index:2; top:0; left:0; width:100%; height:100%;">
         <br>
        Text
    </div></td></tr></table>
____________________________________________________________________

meiner Meinung nach müsste jetzt "Text" über dem Bild erscheinen oder?

Was mache ich falsch?

[Josef Behr]

Hallo,

imho ist es genau anders herum, z-index:0 liegt ueber allem anderen.
Sorry, wenn ich mich irre, ich habe grade keine Zeit nachzusehen. Guck doch noch mal in selfhtml.

MfG,
Josef

[Dominik Schöneberger]

Hallo,

leider nein... zum einen fangen die in selfhtml mit 1 an und 4 liegt über allem und zum anderen habe ich das gerade ausprobiert und es bringt nix...

[Julian von Mendel]

Hi Dominik!

<table border="0" width="100%" height="500">
    <tr>
    <td valign="top" align="center">

Wozu ist die Tabelle da? Wieso verwendest du für Größen-, Rahmen- und Positionierungsangaben nicht ebenfalls CSS?

<img src="bild.gif" style="width: 100%; height:100%;z-index:1;">
    <div style="z-index:2; top:0; left:0; width:100%; height:100%;">

Da fehlt ein position:absolute;
Es ist aber unlogisch wenn du left:0; und top:0; setzt, aber das Objekt in einer Tabelle mit nur einer Spalte und nur einer Zeile mittig positionierst.

<br>
        Text
    </div></td></tr></table>

Was bringt eine Tabelle mit nur einer Zeile und einer Spalte?

Lasse die Tabelle weg, und verwende mehr CSS. Wenn du Positionen mit top und left setzt darfst du das position:absolute/relative/fixed; nicht vergessen.

Schöne Grüße
Julian

[MudGuard]

Hi,

Hallo,

ich frage mich warum der folgende Code nicht funktioniert:

____________________________________________________________________
    <table border="0" width="100%" height="500">

height-Attribut gibt es für table nicht.

<tr>
    <td valign="top" align="center">
    <img src="bild.gif" style="width: 100%; height:100%;z-index:1;">

alt-Attribut fehlt,
z-index sinnlos, da Element nicht positioniert.

<div style="z-index:2; top:0; left:0; width:100%; height:100%;">

z-index sinnlos, da Element nicht positioniert.
top, left sinnlos, da Element nicht positioniert.

<br>
        Text
    </div></td></tr></table>

Was soll eine Tabelle mit nur einer Zelle?

cu,
Andreas

[Julian von Mendel]

Hi Andreas!

z-index sinnlos, da Element nicht positioniert.

Kann es nicht trotzdem sinnvoll sein, wenn ein anderes positioniertes Element darübergelegt wird?

Schöne Grüße
Julian

[MudGuard]

Hi,

z-index sinnlos, da Element nicht positioniert.
Kann es nicht trotzdem sinnvoll sein, wenn ein anderes positioniertes Element darübergelegt wird?

Nein. Da z-index nur für positionierte Elemente überhaupt definiert ist, ist es nicht sinnvoll, für nicht-positionierte Elemente z-index anzugeben.

cu,
Andreas