Habe folgenden Code:
HTML
CSS
Rand rechts soll unter dem Trailer sein aber er tut es nicht - obwohl ich den z-index doch richtig gewählt habe?!
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?!