body background image

**frog43** · 12/03/2008, 10h26

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ...

**pop_up** · 12/03/2008, 13h51

tu peux peut être essayer de mettre un min-height sur ton body qui correspondra à la hauteur de ton image de fond.

**frog43** · 12/03/2008, 15h22

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.

**pop_up** · 12/03/2008, 16h26

essai ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**frog43** · 12/03/2008, 16h38

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 ...

body background image

CSS

Vue hybride

Discussions similaires

Partager

Partager