|
<!-- der Container-Layer wird horizontal und vertikal
zentriert -->
<div id="Layer-rot"
style="
position:absolute;
height:400px; width:500px;
margin-top:-200px; margin-left:-250px;
top: 50%; left:50%;
z-index:1;
background-color: #D57185; layer-background-color: #D57185;
border: 1px dashed #6085ca;
">
<!--innerhalb des roten Layers wird der blaue positioniert
-->
<div id="Layer-blau"
style="
position:absolute;
width:270px; height:241px;
z-index:2;
left: 36px; top: 38px;
background-color: #6085ca; layer-background-color: #6085ca;
border: 1px dashed #F5E30A
">
<!--innerhlab des blauen Layers wird der gelbe positioniert
-->
<div id="Layer-gelb"
style="
position:absolute;
width:133px; height:172px;
z-index:3;
left: 183px; top: 117px;
background-color: #F5E30A; layer-background-color: #F5E30A;
border: 1px dashed #ffffff
">
</div> <!-- das ist das Ende des gelben Layers
-->
</div> <!-- das ist das Ende des blauen Layers
-->
</div> <!-- das ist das Ende des roten Layers -->
|