Background ne remplit pas toute la page

**brotelle** · 15/05/2006, 12h17

Bonjour,

J'ai problème concernant le background de mon site. En fait la couleur du fond d'écran est blanche et j'ai mis un pied de page en bas, et parfois quand la page n'est pas assez grande, le background ne va pas jusqu'en bas. Voici l'url de mon site pour y voir plus clair, la page d'accueil est un bon exemple de mon problème : www.renault-cluses.com

Merci !

**goldorax113** · 15/05/2006, 14h12

Bonjour

j'ai le même problème.. ya t'il des gens qui on une solution pour eviter cela

Merci

Nicolas

**bavibavi** · 15/05/2006, 14h34

Envoyé par brotelle

Bonjour,

... Voici l'url de mon site pour y voir plus clair, la page d'accueil est un bon exemple ...

humm le fond d'écran de ton site en gris :s donc l'exemple du blanc n'est pas top. Apres si tu parles de la hauteur de to nonglet Acceuil, tu peux pê rajouter une condition sur la hauteur :

Code :

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

height:100%

à Tester. Peux-tu donner un peu de code html pour mieux comprendre ?

**brotelle** · 15/05/2006, 14h54

Excuse-moi si c'est moche mais c'est une charte graphique imposée par Renault donc pas le choix!
Pour la hauteur j'ai déjà spécifié height:100%, et si je mets en pixel j'ai des problèmes sous firefox pour les pages plus courtes.

voilà un bout de code :

CSS :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
.accueil2 {
  position:relative;
  width: 571px;
  height:100%;
  margin-left:15px;
  margin-top:10px;
  background-color:#FFFFFF;
  background-repeat:repeat;
}

Pied de page :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<tr>
<td class="pied" bordercolor="#999999" align="left">
<div class="piedpage">
<br />
  <a href="<A href="mailto:xxx@renault-cluses.com">Webmaster</a>&nbsp">mailto:xxx@renault-cluses.com">Webmaster</a>&nbsp; SITE EN COURS DE MODIFICATION
  <br />
</div>
</td>
</tr>

Voilà je vois pas ce que je pourrais mettre d'autre...

**bavibavi** · 15/05/2006, 15h03

si j'ai bien compris tu es dans un tableau.
tu as appliqué la class à ton td cellule contenant les infos ? sinon vu ce que tu fais, c'est un div hors ceux-ci s'adaptent leurs tailles au contenu ... .c'est normal qu'il n'aille pas jusqu'en bas il s'arrete a la derniere ligne de ton texte.

pour info :

Code :

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

  background-repeat:repeat;

s'utilise pour les images. Donc si tu veux juste une couleur de fond il suffit juste de spécifier la couleur comme tu as fait.

**Sheriff** · 15/05/2006, 15h17

salut !
j'ai visité ta page et je n'ai rien remarqué d'anormal...
surtout ne pas oublier le tag "Résolu" !
@+

**brotelle** · 15/05/2006, 15h18

J'ai pas trop compris ce que tu m'as dit... Et pour le background repeat si je peux l'appliquer qu'aux images, comment je fais alors pour pas que ça s'arrête à la dernière ligne? je suis obligée de mettre des pixels...

**Sheriff** · 15/05/2006, 15h23

salut !
pour pas que ça s'arrête à la dernière ligne tu peux utiliser les styles dans le body, notament l'attribut margin que tu mets à 0 pour le top, left, bottom et right
@+

**brotelle** · 15/05/2006, 15h27

pour que le background colle au pied de page j'ai essayé de mettre margin-bottom:0px; mais ça ne change rien

**Sheriff** · 15/05/2006, 15h45

Remarque :
le background-image et le margin s'appliquent-ils au body ? c indispensable

**brotelle** · 15/05/2006, 15h47

Voilà ce que j'ai dans body :

Code :

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

1
2
3
4
5
6
7
 
body {
 margin-left: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 background-color:#EAEAEA;
}

**Sheriff** · 15/05/2006, 15h57

mais dis-donc, s'agit-il d'une couleur ou d'une image que tu voudrais appliquer à ta page? je me perd un peu dans les background-image et les background-color...
(pour la couleur, on a pas besoin des repeat...)

**brotelle** · 15/05/2006, 16h00

Je mets une couleur en arrière plan, j'ai déjà mis background repeat mais ça marche pas

**bavibavi** · 15/05/2006, 16h11

Code :

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

background-color=#ffffff

ca va mettre blanc pour ton fond à blanc, essaye par exemple avec une autre couleur genre : c20c20 c du rosé ca va te permettre de mieux voir ou il s'affiche.

Le repeat sert uniquement si tu veux une image en fond d'écran.