Div's werden nicht überlappt

von **bluepeople12** » 15.09.2010, 15:23

Hallo Leute,

ich hab mal ne Frage zum CSS.

Bei dem folgenden Quelltext sollte das Bild über den anderen beiden Balken sein. Das ist er aber nicht. Warum ?

Code: Alles auswählen: <html> <body> <div style="position:absolute; width:1024px; height:20px; background-color:#ededee; z-index:1; margin:auto;"></div><br /> <br /> <div style="position:absolute; width:1024px; height:20px; background-color:#34498f; z-index:1;"></div> <div style="background-image: url('Pics/Foto_Startseite.png'); width:200px; height:200px; margin-top:-50px; z-index:2;"> </div> </body> </html>

Grüße

von **Azra** » 15.09.2010, 15:29

z-index funktioniert erst, wenn du mit "position" arbeitest.
Da du nicht absolut positionieren möchtest, hau bei dem Container mit dem Bild "position: relative;" rein.

von **bluepeople12** » 15.09.2010, 15:32

Nächster Versuch:

Der aktuelle Code sieht so aus:

Code: Alles auswählen: <html> <body> <div style="position:relative; width:1024px; height:20px; background-color:#ededee; z-index:1; margin:auto;"></div><br /> <br /> <div style="position:relative; width:1024px; height:20px; background-color:#34498f; z-index:1; margin:auto;"></div> <div style="background-image: url('Pics/Foto_Startseite.png'); width:200px; height:200px; margin-top:-50px; z-index:2;"> </div> </body> </html>

Funktionieren tuts immer noch nicht ...

von **Azra** » 15.09.2010, 15:39

Da sieht wohl jemand den Wald vor Bäumen nicht.
Ich schrieb bei dem Container mit dem Bild.
Also den letzten Container (<div> ist ein Container) ebenfalls relativ positionieren.

von **bluepeople12** » 15.09.2010, 15:43

Ah ja ... ok :oops:

Danke auf jeden fall für die Hilfe. Stand da grad total aufm Schlauch

Div's werden nicht überlappt

Div's werden nicht überlappt

Re: Div's werden nicht überlappt

Re: Div's werden nicht überlappt

Re: Div's werden nicht überlappt

Re: Div's werden nicht überlappt

Ähnliche Beiträge zu "Div's werden nicht überlappt"

Wer ist online?