Ciao a tutti, scusate la nabbaggine ma premetto che non sono esperta in css infatti questa è la mia prima prova.

Sto provando a mettere una immagine di sfondo nella parte sinistra dello schermo: lo sfondo c'è ma
non riesco a farlo adattare alla grandezza della finestra. Mi spiego meglio: quando restringo la fiestra mi farebbe piacere che si restringesse anche lo sfondo senza essere tagliato brutalmente dal divisore di mezzo.

Il secondo problema che ho è nei dispositivi mobili: quando metto il cell in orizzontale l'immagine compare ma quando scrollo per andare verso il basso l'immagine non si ripete.

Se non sono stata chiara, vi farò degli screen!!!

Grazie per l'aiuto

ecco il codice:

#sx { background-image: url(immagini/provasfondo2.png);
background-repeat: repeat-y;
float:left;
width: 20%;
height: 100%;
text-align: center;

}
#centro {
background-color: #F8F4FF;
float:left;
width: 60%;
height: 100%;
text-align: center;




}
#dx {
background-color: #F8F4FF;
float:right;
width: 20%;
height: 100%;
text-align: center;
}