body background image

Version imprimable

12/03/2008, 10h26
frog43

body background image
Bonjour,
je veux juste mettre une image en fond de mon site voici mon code :
Code:

1 2 <body style="background-image:url(body.jpg); background-repeat:no-repeat; background-position:center bottom;"> </body>
Avec IE pas de souci (bizarement) par contre avec firefox l'image n'apparait pas ...
Si quelqu'un peut m'aider ...
12/03/2008, 13h51
pop_up

tu peux peut être essayer de mettre un min-height sur ton body qui correspondra à la hauteur de ton image de fond.
12/03/2008, 15h22
frog43

J'y ai pensé, j'ai mi min-height = 100px.
Sa n'as pas marché :(

Et en fait je vient de me rendre compte que l'image de fond s'affiche quand il y à du contenu dans le body...

Le seul souci c'est que je veut que l'image soit toujours en-bas de la page et qu'avec firefox elle s'affiche en bas du contenu ...

Merci de ta réponse. ;)

essai ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml" xml:lang="fr" lang = "fr">
	<head> <!--Début En-tête-->
		<title>
			sdf
		</title>
		<style>
html {
	height: 100%;
}
 
body {
				height:100%;
				background-image:url(body.jpg);
				background-repeat:no-repeat;
				background-position:center bottom;
				min-height: 459px;
				}
 
</style><!--Appel de la feuille de style-->
		<meta http-equiv = "Content-Type" content = "text/html; charset=ISO-8559-1" /> <!--Rendre de manière lisible toute les caractères accentués et spéciaux-->
	</head> <!--Fin En-tête-->
	<body>
 
</body>
</html>

ça devrait marcher

12/03/2008, 16h38
frog43

Je viens d'essayer, et sa marche !

Merci beaucoup !

Par contre j'ai pas tout compris le code je le regarde de plus près ... ;)