Äusserer Layer wird durch inneren Layer nicht "gedehnt"

[Jörn]

Da es sich bei der ganzen Sache um einen Wettbewerbsbeitrag handelt kann ich die Seite noch nicht veröffentlichen. Ich versuch die Situation mal zu konstruieren.

CSS :

.middlelayer {
 position: static;
 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;
 height: 100px;
 left: 15px;
 top: 20px;
}

HTML :

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

So.. was ich möchte ist dass sich nun z.B. der mittlere Layer entsprechend den BLAHS in seinen sublayern ausdehnt... So dass dann der bottomborder-Layer erst DANN beginnt wenn auch wirklich die blahs ein Ende haben. Ich hoffe das hilft weiter.