Adattare sfondo in base alla risoluzione

[lukissimo81]

Ciao, come posso mantenere le proporzioni dello sfondo su tutti i tipi di risoluzione? ho notato che sul mio notebook si vede bene ma su monitor più grandi mi ripete lo sfondo.

Il sito è http://pclabstore.com/soccer/

grazie

 

[glm1986ITALY]

Purtroppo c'è poco da fare (credo)... personalmente uso due tipologie di "sfondo":

A) una immagine molto piccola ripetuta, può andare bene se non si vuole uno sfondo "fotografico" come il tuo

B) immagine di sfondo, ti conviene realizzarla con una larghezza di 1600 / 1700px (schermi con una risoluzione maggiore sono abbastanza rari) ma sfumando la parte inferiore dello stesso colore di background come ho fatto su www.usdstiava.it

 

[BayLollo]

Potresti anche usare i CSS per disattivare la ripetizione dello sfondo ("no-repeat") e per fare in modo che copra la superficie dello schermo ("backround-size: cover").

 

[borgo italia]

ciao
oppure usando un'immagine di grandezza opportuna (che ingrandendosi non si sgrani troppo) sempre con i css

background-image:url(sfondo.png);
background-position:center center;
background-repeat:no-repeat;
background-size:100%;