Ver Mensaje Individual
  #7 (permalink)  
Antiguo 29/11/2010, 17:55
Avatar de Anya82
Anya82
Colaborador
 
Fecha de Ingreso: noviembre-2007
Ubicación: tij.bc.mx
Mensajes: 1.269
Antigüedad: 16 años, 4 meses
Puntos: 196
Respuesta: Sombra con imagenes a los laterales de un div

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:
Ver original
  1. #container {
  2. width: 1092px;          /*espacio que ocupa la imagen de fondo*/
  3. min-height: 600px;
  4. height: 100% auto !important;    /*para que definir height dos veces?*/
  5. background: url("img/shadow.png") repeat-y;    /*imagino que quieres que la sombra se vea tooodo hacia abajo*/
  6. padding: 49px;    /*el espacio que separara el area de 1092px del centro donde ira el contenido*/
  7. margin: 0 auto;
  8. text-align: left;   /*aqui te ahorras definir 3 veces la posicion del texto, si en realidad solo quieres que este a la izquierda*/
  9. }
  10.  
  11.  
  12. /*este estilo no lo entiendo muy bien*/
  13. #content {
  14. width: 911px;
  15. margin: 0 auto;
  16. padding-top: 40px;
  17. position: relative;
  18. display: block;
  19. }
__________________
¿Ya se enteraron? Grandes y maravillosas noticias... ¡Google no te cobra por búsqueda!