Probleme background : hauteur de page variable [Résolu]

[AurelienNF]

Bonjour à tous,

Je rencontre un problème d'affichage du background-color de mon body sur ma page d'index.

En effet ma page est moins haute que la hauteur de mon navigateur (n'en parlons même pas quand je passe en plein écran )
Du coup tout ce qui se situe en dessous de mon footer est en blanc (background y compris).

Comment faire pour adapter la hauteur de mon background-color à la hauteur de la page affichée dans mon navigateur ?

Merci par avance,

Aurélien

[jd4king]

Salut,

C'est assez bizarre ce que tu expliques. En espérant que je comprenne bien:
Si dans ta CSS tu donnes un attribut background-color au body, le fond de ta page doit être de cette couleur.

exemple:

Code :

1
2
3
body{
background-color:#fe7800;
}

Le fond de ta page sera orange

[AurelienNF]

Merci pour ta réponse.

Le fond de ma page est de cette couleur tant qu'il y a du contenu à afficher.
Mais vu que ma page d'index n'est pas très haute, j'ai un fond blanc en dessous de mon contenu.

(le cadre orange très laid est juste là pour faire ressortir le fond blanc)



Voici le code css de mon body :

Code :

1
2
3
body{	_text-align:center;
		background-color:#191919;
		}

A ton avis comment remédier à ce problème ?

Merci par avance,

Aurélien

[jd4king]

Si tu veux passer le lien, ce sera plus simple

[AurelienNF]

Et voici le lien :
http://www.nightfever.fr

Je constate ce problème principalement en mode plein écran car ma toolbar Google réduit la hauteur de ma page.

Merci pour ton aide,

Aurélien

[jd4king]

Oué donc en fait, cela n'a pas l'air d'être un problème avec ton body.

C'est juste que le page d'index est petite en hauteur et l'affichage en plein écran est inutile. Le navigateur ajoute lui-même les parties blanches. Ce n'est pas le body qui complète.

Enfin, c'est ce que je crois.

[Bovino]

Mets la couleur de fond sur la balise html au lieu de body :

Code :

1
2
3
html{
    background-color:#fe7800;
}

[AurelienNF]

Merci beaucoup à tous les deux pour votre aide.

Ca fonctionne nickel.

Merci encore.

Aurélien