Probleme CSS Background Body

**sangohan62** · 15/04/2010, 23h25

bonsoir,

Voila petit probleme tout bete, j'utilise une page html et une feuille de style CSS, et e voudrais afficher dans la class body une image en repeat-x en bottom, donc collé au pied de page mais impossible, je pense que cela fonctionne sous IE mais pas sou firefox.

CODE :

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
body {
   background-image: url(background.jpg);
   background-position:bottom;
   background-repeat:repeat-x;
   background-color:#0F6;
}
 
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<link href="moncss.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
</body>

LIEN :http://crystal-quest.pilouu.eu/SITE_YANN_TEST/

Merci d'avance ...

**ipfix31** · 16/04/2010, 09h53

Salut,

Je pense que pour avoir un bas de page il faut que tu crée un div flottant (avec position relative ou absolue je sais plus). Et donc ce div contiendra en background repeat-x, ton image (qui est très grande !)

regarde ce lien peut etre : http://www.wikistuce.info/doku.php/css/pied_de_page

**Candygirl** · 16/04/2010, 12h00

Hello,

Pour régler ton problème, tu peux spécifier que ton élément body occupe au minimum la hauteur de la zone de visualisation (en l'absence de contenu suffisant):

Code css :

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

1
2
3
4
5
6
7
html {height:100%;}
 
body {
  margin:0;
  padding:0;
  min-height:100%;
}

Probleme CSS Background Body

CSS

Vue hybride

Discussions similaires

Partager

Partager