Sfondo invertito a sx e a dx

[MM88]

Ciao, se ho un css di questo tipo:

html, body {
  text-align: center;  
  font-size: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #000000;	
}

Con un div principale di questo tipo:

#tutto {
  margin: 0 auto;      
  text-align: center;      
   background-color: #000000;
   color: #FFFFFF;
   font-size: 12px;
   font-weight: none;
   width: 760px;
   border: Solid 0px #CCCCCC;
background: url('img.png') repeat-y center;
}

Ottengo una colonna centrale su uno sfondo.

Come faccio ad inserire a sx e a dx della colonna la stessa immagine che risulti però invertita in maniera speculare?


grazie



grazie

[Mich_]

Il CSS non ha capcita` grafiche. E non riesce quindi ad "invertire" l'immagine.
Di conseguenza i tuoi due sfondi sono due immagini diverse (da realizzare tramite un programma di grafica).

Purtroppo con i CSS2 non e` possibile inserire due sfondi nello stesso blocco, per cui hai necessita` di inserire due blocchi per poter dare due sfondi.
Mi par di capire che non conosci la dimensione delle bande laterali, per cui il tuo layout diventa un tipico "a tre colonne" (vedi raccolte di layout - puoi partire dai "link utili"), in cui nei blocchi laterali ci metti le tue immagini di sfondo, una posizionata a sinistra ed una a destra.

PS: ci sono anche altre soluzioni: quella proposta mi pare la piu` semplice.