Varios Divs para formar un conjunto

[Shaito]

Hola

Estoy intentando formar una box de texto, pero no lo consigo tal como quiero.

La box trata de tres partes principales, superior, media e inferior.

Superior e inferior son de tamaño fijo y algo alto. (height) Por otro lado, la media solo es para cuando la box excede de su tamaño, de este modo se repite una imagen de 1px de alto para dar la sensación de que es más larga.

Mi idea ha sido usar los 3 divs, superior e inferior dentro de medio, pero este último sobresale y se ve. Y no sabría como poner el texto por encima, probé con z-index pero no resultó.

El esquema sería el siguiente:



Espero que me puedan ayudar.


Un saludo y gracias ;)

[C2am]

Hola
http://www.librosweb.es/referencia/css/z-index.html
La propiedad que controla la posición tridimensional de una caja se denomina z-index y sólo tiene efecto sobre los elementos posicionados, es decir, aquellos sobre los que se ha establecido la propiedad position o la propiedad float. Por su propia definición, z-index sólo suele ser útil cuando se producen solapamientos entre las cajas.

Muestra el código que estas usando para ayudarte,
Saludos

[Shaito]

Hola C2am

Creé una simple solución para no usar z-index.

Fue simple, alargué la parte superior de la imagen de modo que contuviese también la centrar en un tamaño exagerado por si se alarga la cosa.

Luego a la parte inferior le dí el z-index para dejarla en la parte inferior a la capa de la zona superior y le di un margin-top negativo, por lo que subió creando el efecto de caja.

De todos modos, gracias.


Un Saludo

[mayid]

El problema como lo planteas es muy similar o igual a este:
http://www.desarrolloweb.com/articulos/2178.php

El truco está en como organizas el html.

Fijate, si te interesa, que hay un par de articulos relacionados a ese que te linkeo.