Gracias por las respuestas.
Primero les comento que soy un poco nuevo en el tema de las CSS. Les detallo un poco mejor mi problema asi se tienen una mejor idea.
Yo lo que quiero lograr es esto:
Para lograr eso cree un contenedor, donde tengo dos divs, en uno va el texto y en el de abajo la terminacion del contenedor (es una imagen), pero me falta la sombra del contenedor a la derecha. Tambien quiero que si pongo mas texto, si alargue la sombra.
Para hacerlo utilize el siguiente codigo:
Código:
<style type="text/css">
body { margin: 0; padding: 0; background-color:#CCCCCC; color:#ffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; }
#contenedor { position : absolute; top: 105px; left: 110px; width: 520px; padding: 0px 0 0 0; width: 520px; background-color: #FEF2E5;}
#contenido1 { margin:0px 10px 0px 0px; padding:10px 10px 10px 10px; width: 410;}
#contenido3 { margin:10 10 10px 500px; padding: 10px 10px 10px 10px; background-color: #CFCFCF; width: 12px; }
#contenido2 { margin:0px 0px 0px 0px; padding:0px; }
</style></head><body>
<div id="contenedor">
<div id="contenido1"><p>texto texto </p></div>
<div id="contenido2"><img src="img/c_fondoinf.gif"></div></div></body></html>
Como veran me falta la sombra de la derecha.
Tal vez utilizando una imagen de fondo y la repito como me decia JavierB, me ocupe mucho espacio.
Tablas no tenia pensado usar. Que opcion piensan que sea la mejor solucion? Nuevamente muchas gracias y saludos.