Ajustement automatique d'un background
Résolu
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;
}
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
-
Et voici mon site www.bdestapslille2.fr
-
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.
++ -
Merci beaucoup simple clair net precis , on ne peut pas mieu faire
-
Au plaisir ! :)
