Beiträge von siggi67

body  {
background-color:#e7ac67;
margin:0;
padding:0;
height:100%;
min-height:100%;
}
#layer_middle    {
    z-index:1;
    width:1108px;
    display: run-in;
    background-image:url(../layout/bg_gesamt.png);
    background-repeat:repeat-y;
    margin:0px auto;
    height:100%;
    min-height:100%;
    padding-bottom:10%;
    box-shadow:10px 0px 6px rgba(123, 44, 29, 0.6), -10px 0px 6px rgba(123, 44, 29, 0.6);
}
#layer_left    {
    z-index:1;
    display:inline-block;
    margin:0px auto;
    float:left;
    width:260px;
    height:100%;
    min-height:100%;
    padding-bottom:5%;
}
#layer_right    {
    z-index:1;
    float:right;
    width:150px;
    margin-top:10px;
    margin-right:12px;
    padding-top:10px;
    padding-right:10px;
    text-align:center;
}
#bg_layer    {
    z-index:1;
    width:510px;
    background-color:#ecbe88;
    margin-top:10px;
    margin-left:290px;
    padding-top:10px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:10px;
    border:2px solid #784d22;
    border-radius: 12px 0px 12px 0px;
    box-shadow: 3px 5px 7px rgba(123, 44, 29, 1.0);
}

<div id="layer_middle">
<div id="title"><div itemscope itemtype="http://data-vocabulary.org/Organization">
     <span itemprop="name"><div id="ueberschrift">Meine  Geschichte, zu dem was ich heute  bin!</div></span></div>
    </div>
<div id="layer_left" style="clear:right;">
<div id="navi_left">Layer Links mit Inhalt
</div>
<div id="layer_right">Layer Rechts mit Inhalt</div>
</div>
<div id="bg_layer">Layer in der Mitte, der den Hintergrund nach unten schiebt.</div>
</div>
</body>
</html>