Sujet Précédent Sujet Suivant

Ajustement automatique d'un background

Résolu/Fermé
zorox Messages postés 224 Date d'inscription dimanche 28 novembre 2010 Statut Membre Dernière intervention 19 septembre 2014 - 10 mars 2014 à 21:37
prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 - 10 mars 2014 à 22:34
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 dimanche 28 novembre 2010 Statut Membre Dernière intervention 19 septembre 2014 20
10 mars 2014 à 21:44
Et voici mon site www.bdestapslille2.fr
0
Réponse 2 / 4
prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 431
10 mars 2014 à 21:52
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 dimanche 28 novembre 2010 Statut Membre Dernière intervention 19 septembre 2014 20
10 mars 2014 à 21:55
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 dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 431
10 mars 2014 à 22:34
Au plaisir ! :)
0