fondo div en 3 partes

[nikimoto]

muy buenas de nuevo amigos
me gustaria saber como hacer un fondo para un div que puede tener diferente altura y para no poner uno que se deforme pues he pensado en dividirlo en 3, osea el superior y el inferior que siempre tengan el mismo tamaño y que el central se adapte alargandose

aqui os dejo una imagen para aclarar lo que quiero hacer


gracias de antemano

[davidarcila01]

Este Articulo es interesante para lo que quieres hacer, se llama media queries y es una funcion especial de las etique tas para css se adapta el css a el tamaño de la pantalla que tu especifiques-

https://developer.mozilla.org/es/docs/CSS/Media_queries

[nikimoto]

gracias david
pero no es eso lo que necesito, no hablo de hacer una web responsive
es un div en el que va texto y una imagen y bueno, a veces mide 50px de alto y otras a lo mejor 200Px
entonces necesito que el fondo se adapte sin deformarse, por eso de partirlo en 3

gracias de nuevo

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

[DesgraciadoGabo]

Y que tal con background-size:cover; ???

[nikimoto]

gracias por vuestras respuestas de nuevo
pero creo que aun no me habeis entendido, aunque lo del cover esta interesante
no quiero dividir 1 div en 3 divs
lo que necesito es el fondo de un div dividirlo en 3 partes
de manera que la parte de arriba y la de abajo sean siempre de tamaño fijo
y la central se estire el alto si el tamaño del alto del div es mas grande

hace meses vi algo para hacerlo, pero ahora por mas que busco no lo encuentro

gracias y seguire buscando y esperando a ver si alguien sabe como se hace

[webosiris]

necesitas usar css3, múltiples backgrounds: Using CSS multiple backgrounds

[pzin]

Seguramente también puedas hacer uso de pseudo elementos. Todo depende un poco del diseño que estés buscando hacer, porque cada cual tiene sus peculiaridades.

[nikimoto]

gracias hermanos
lo de los multiples backgrounds era lo que buscaba
me pongo con ello y luego os comento