Beiträge von siggi67 - HTML

Layerproblem

Hallo,

ich hoffe mir kann einer helfen.
Folgendes Problem.
Ich habe eine Layer in der Mitte, der bis ganz unten gehen soll.
Dann ein Layer links, einen in der Mitte und einen rechts.
Ist nun aber der Linke von der Höhe her voller als der in der Mitte, wird der Hintergrund nicht
ganz nach unten geschoben. Der Layer in der Mitte richtet sich von der Höhe her immer an
dem Mittleren Layer aus.

Hier mal der Code:

Code

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);
}

Alles anzeigen

Dann noch der HTMl Code:

Code

<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>

Alles anzeigen

Hab auch noch einen Scrteenshot gemacht, zur besseren Verständnis:

Ich hoffe mir kann jemand helfen.
Danke schon mal im voraus