Centrer l'image de fond

lilouetfredo Messages postés 53 Statut Membre -  
Flachy Joe Messages postés 2303 Statut Membre -
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 2303 Statut Membre 261
 
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