Sombra con imagenes a los laterales de un div

[opzina]

Iniciado por Anya82

que tu imagen mida de ancho 1092, y sea un png, para que asi, en caso de tener un fondo con patron o textura, te lo respete. creo que puedes unir los primeros dos estilos #shadow y #container. En lugar de tener un div mas chico dentro de uno mas grande, utiliza padding para definir el espacio que separa la orilla del fondo, con el area de contenido:

Código CSS:

#container {
width: 1092px;          /*espacio que ocupa la imagen de fondo*/
min-height: 600px;
height: 100% auto !important;    /*para que definir height dos veces?*/
background: url("img/shadow.png") repeat-y;    /*imagino que quieres que la sombra se vea tooodo hacia abajo*/
padding: 49px;    /*el espacio que separara el area de 1092px del centro donde ira el contenido*/
margin: 0 auto;
text-align: left;   /*aqui te ahorras definir 3 veces la posicion del texto, si en realidad solo quieres que este a la izquierda*/
}
 
 
/*este estilo no lo entiendo muy bien*/
#content {
width: 911px;
margin: 0 auto;
padding-top: 40px;
position: relative;
display: block;
}
 

Si yo supongo que se tiene que poder simplificar el código de esos 3 divs. Pero esto que me indicas me tira el contenido a la izquierda...