Ajustement automatique d'un background
Résolu
zorox
Messages postés
245
Statut
Membre
-
prosthetiks Messages postés 1309 Statut Membre -
prosthetiks Messages postés 1309 Statut Membre -
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;
}
A voir également:
- Ajustement automatique d'un background
- Réponse automatique thunderbird - Guide
- Logiciel de sauvegarde automatique gratuit - Guide
- Recherche automatique des chaînes ne fonctionne pas - Guide
- Réponse automatique gmail - Guide
- Sommaire automatique word - Guide
4 réponses
Hello,
essaie de rajouter ça au css de .site:
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.
++
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.
++