• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Herausforderungen mit z-index

Rotut

Neues Mitglied
Habe folgenden Code:

HTML
HTML:
<body>
<!-- GESAMT -->
<div id="ges">
<!-- TRAILER -->
<div id="trailer">
<div id="trailer_links">
</div>
<div id="trailer_rechts">
</div>
<div id="trailer_platz">
</div>
</div>
<!-- RAND_RECHTS -->
<div id="rand_rechts">
<div id="rand_rechts_links">
</div>
<div id="rand_rechts_rechts">
</div>
<div id="rand_rechts_mitte">
</div>
</div>
 
</div>
 </body>
</html>

CSS
HTML:
* { font-size:100.01%; }
body {
 text-align: center;
  margin:0; padding:0;
  background:transparent url(../projekt_2/neu/grafik/herzen.jpg);
}
#ges {
  width:100%; height:700px;
  position:absolute; top:0px; left:0px;
}
#trailer {
  width:80%; height:220px;
  position:absolute; top:0px; left:0px;
}#trailer_links {
  z-index:4;
  width:425px; height:220px;
  position:absolute; top:0px; left:0px;
  background:transparent url(../projekt_2/neu/grafik/header_links.png) no-repeat top left;
}#trailer_rechts {
  z-index:4;
  width:200px; height:220px;
  float: right;
  background:transparent url(../projekt_2/neu/grafik/header_rechts.png) no-repeat top right;
}#trailer_platz {
  z-index:3;
  float: right;
  width:600px; height:220px;
  background:transparent url(../projekt_2/neu/grafik/header_platz.png);
  background-repeat:repeat-x;
}
#rand_rechts {
  width:100%; height:700px;
  position:absolute; top:0px; left:0px;
}#rand_rechts_links {
  z-index:2;
  width:300px; height:700px;
  position:absolute; top:0px; left:0px;
  background:transparent url(../projekt_2/neu/grafik/hintergrund_rechts_links.png) no-repeat top left;
}#rand_rechts_rechts {
  z-index:2;
  float: right;
  width:300px; height:700px;
  background:transparent url(../projekt_2/neu/grafik/hintergrund_rechts_rechts.png) no-repeat top right;
}#rand_rechts_mitte {
  z-index:1;
  float: right;
  width:825px; height:700px;
  background:transparent url(../projekt_2/neu/grafik/hintergrund_rechts_mitte.png) no-repeat top left;
  background-repeat:repeat-x;
}

Rand rechts soll unter dem Trailer sein aber er tut es nicht - obwohl ich den z-index doch richtig gewählt habe?!
 
Zurück
Oben