Centrer l'image de fond

Fermé
lilouetfredo Messages postés 45 Date d'inscription mardi 20 mai 2008 Statut Membre Dernière intervention 12 août 2019 - 16 juin 2010 à 18:32
Flachy Joe Messages postés 2101 Date d'inscription jeudi 16 septembre 2004 Statut Membre Dernière intervention 7 novembre 2022 - 16 juin 2010 à 19:19
Bonjour,

Voila j'ai un petit soucis, je n'arrive pas à centrer horizontalement mon background-image, voici mon CSS :

body
{
	width: 1000px; /* largeur*/
	margin: auto; /* Pour centrer la page */
	background-color: #303030; /* Couleur de fond du site */
	background-image: url("images/fond_violet.jpg");
	background-repeat: no-repeat;
	text-align: center; /* permet de centrer horizontalement l'image */
	vertical-align: middle; /* permet de centrer verticalement l'image */

}


j'ai même essayé :

body
{
	width: 1000px; /* largeur*/
	margin: auto; /* Pour centrer la page */
	background-color: #303030; /* Couleur de fond du site */
	background-image: url("images/fond_violet.jpg");
	background-repeat: no-repeat;
	background-position: center center;
}


toujours pas.

mon image de fond fait 1000px sur 1000px

Pouvez-vous m'aider s'il vous plait?
En vous remerciant par avance.

1 réponse

Flachy Joe Messages postés 2101 Date d'inscription jeudi 16 septembre 2004 Statut Membre Dernière intervention 7 novembre 2022 257
16 juin 2010 à 19:19
Quelle est l'intérêt de centrer une image de 1000px dans une boite (le body) qui fait lui même 1000px ? Tu la collerais à gauche ça reviendrait au même...

Si tu ne défini pas de taille pour le body alors il prendra toute la largeur disponible et là ça aura un sens de centrer l'image. Le centrage horizontal se fait effectivement par
background-position : center
1