Cita:
Iniciado por sanxuan 
Si el ancho de la página es fijo, resulta mejor solución incluir las sombras en el fondo de la etiqueta <body>. Una imagen de unos pocos píxeles de alto y la propiedad background-repeat:repeat-y hacen el resto.
Otra posibilidad es incluir unos divs dentro de otros de modo que el más largo de ellos obligue a otros a tener su tamaño.
Por brevedad uso tres divs:
<div id="sombraIzqda">
<div id="sombraDcha">
<div id="pagina"> ... cabecera, cuerpo,..., pie... </div>
</div>
</div>
La imagen de las sombras se incluye como fondo del div correspondiente repitiéndose en este caso en vertical (serviría igual en caso de quererla en horizontal). Debemos añadir en el div de la sombra un padding derecho o izquierdo, según el caso, con el ancho de la sombra para que el contenido respete el fondo y no lo oculte.
No puedo incluir la imagen como background del body porque ya hay otra imagen ocupandolo , mi sombra paralela es un div con una imagen repetida en Y , pero no entiendo lo que quiciste decir con esos 3 divs , mi html basicamente se organiza en <div id=sombra izquierda ></div><div id=cuerpo ></div><div id=sombra derecha ></div> por lo que asi cada uno queda bien alineado si pongo la sombra derecha dentro del div de la sombra izquierda como los alineo para que queden fuera del div de cuerpo?