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);
}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>Hab auch noch einen Scrteenshot gemacht, zur besseren Verständnis:
Ich hoffe mir kann jemand helfen.
Danke schon mal im voraus