Image de fond calée en bas de la fenêtre du navigateur

Bonjour,
J'ai un problème pour caler en bas de la fenêtre du navigateur une image qui se répèterait horinzontallement.

Voici le CSS :

body {
	padding:0;
	margin:0;
	background-image:url(monimage.jpg);
	background-repeat:repeat-x;
	background-position:bottom center;
}

Cela fonctione sous IE mais pas dans les autres navigateurs.
Quelqu'un pourrait-il m'aider ?
Par avance merci

Bonjour,

BODY est un élément un peu particulier, qui ne décrit pas vraiment une boite CSS comme les autres. Par exemple, une couleur de fond ou une image de fond en repeat appliquée à BODY va s'afficher sur toute la surface du canevas. Le problème étant que le comportement de cet élément n'est pas exactement le même d'un navigateur à l'autre.

Ici, je pense que le «bottom» de BODY pour ton image de fond correspond à la boite CSS définie par cet élément, et qui dépend de son contenu (sans s'adapter magiquement à la hauteur du viewport). Pour que la hauteur de cette boite corresponde au minimum à la hauteur du viewport, il faut sans doute faire quelque chose comme ceci:

html {
	height: 100%;
}
body {
	min-height: 100%;
	margin: 0;
	padding: 0;
}

Modifié par Florent V. (12 Dec 2008 - 14:15)

Bonjour,

Ca marche impeccable dans tous les navigateurs que j'ai sous la main (IE, Firefox, Chrome, Opera et Safari).

Merci pour ton aide.
a+

Alain