Ajustement automatique d'un background

Résolu
zorox Messages postés 224 Date d'inscription   Statut Membre Dernière intervention   -  
prosthetiks Messages postés 1189 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour à tous, je suis assez embeté. J'ai crée un site il y'a peu, inséré un background sans problème... ou presque. En effet sur mon ordi portable le site est magnifique. En revanche sur mon Pc fixe à la résolution beaucoup plus élevée mon image est répétée sur l'écran de sorte a remplir l'espace... Ma question est donc la suivante:

Pouvez vous m'indiquer la commande à entrer pour que mon image s'ajuste automatiquement à la résolution de l'écran des utilisateurs. Voici ce que j'ai dans mon CSS en ce qui concerne mon Background. (Il est possible que certaines commandes ne servent à rien)

.site {
background-color: #C0C0C0;
background-image: url('http://img11.hostingpics.net/pics/187426Saiotri2.png');
background-attachment: fixed;
width: 100%;
height: auto;
font-size: 10px;
border-left: 0px solid #f2f2f2;
border-right: 0px solid #f2f22f;
margin: 0 auto;

}


.site-main {
position: relative;
}

4 réponses

Réponse 1 / 4
zorox Messages postés 224 Date d'inscription   Statut Membre Dernière intervention   20
 
Et voici mon site www.bdestapslille2.fr
0
Réponse 2 / 4
prosthetiks Messages postés 1189 Date d'inscription   Statut Membre Dernière intervention   431
 
Hello,

essaie de rajouter ça au css de .site: 


background-size: contain;
background-repeat: no-repeat;
background-color: white;
background-position: center center;

Tu peux aussi tester "contain" a la place de "cover" pour le background-size. A toi de voir ce qui te plaît le plus.

++
0
Réponse 3 / 4
zorox Messages postés 224 Date d'inscription   Statut Membre Dernière intervention   20
 
Merci beaucoup simple clair net precis , on ne peut pas mieu faire
0
Réponse 4 / 4
prosthetiks Messages postés 1189 Date d'inscription   Statut Membre Dernière intervention   431
 
Au plaisir ! :)
0