fondo div en 3 partes

[Germano6]

Es algo muy simple, sólo necesitas esto:

Código HTML:

<div class="contenedora">
   <div class="superior">Capa superior</div>
   <div class="contenido">Texto</div>
   <div class="inferior">Capa inferior</div>
</div>
 

Código CSS:

.superior, .inferior {
height: 50px;
}
.contenido {
min-height: 200px
}
 

Con eso la capa grande quedará siempre con una altura de 300px a no ser que el contenido la haga crecer.