Äusserer Layer wird durch inneren Layer nicht "gedehnt"

[Orlando]

Hi, Jörn

.middlelayer {
position: static;

static ist default, muss daher nicht unbedingt angegeben werden.

background-color: #FFFFFF;
width: 100%;
}

.topborderlayer {
background-color: #CCCCCC;
width: 100%;
position: static;
height: 100px;
}

.bottomborder {
background-color: #CCCCCC;
width: 100%;
position: static;
height: 100px;
}

.sublayer (EXEMPLARISCH) {
background-color: #AAAAAA;
width: 30px;
position: absolute;

Warum absolute Positionierung? Damit bekommst du es nie hin, wenn der Inhalt der darüber angeordneten DIVs variabel ist. Lass' es einfach weg - damit müsste es bereits klappen. Zur Not kannst du noch per relativer Positionierung verschieben.

height: 100px;
left: 15px;
top: 20px;
}

<div class="topborderlayer>
</div>
<div class="middlelayer>
<div class="sublayer>blahblahblah</div>
<div class="sublayer>blahblahblah</div>
<div class="sublayer>blahblahblah</div>
</div>
<div class="bottomborderlayer>
</div>

Ich nehme an, die fehlenden " am Ende der Klassenzuweisungen sind kein Bestandteil deiner Seite ;-)

LG Orlando