Discussion :

[Hilary]

Bonjour!

La couleur d'arrière-plan n'apparaît pas dans le haut et le bas de ma page.

Code:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
body {
	margin: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #787878;
	background-color: #000033;
	font-weight: 500;
	width: 100%;
}

Que dois-ajouter au code pour corriger cet arrière-plan?

Merci!

[Erwan31]

Probablement

Code :

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

margin: 0 auto;

[Hilary]

Merci pour ta réponse.

margin: 0 auto; ne fonctionnait pas alors j'ai essayé margin-top: 0 auto;

avec cela ma couleur d'arrière-plan apparaît dans le haut et bas de ma page cependant maintenant ce que je rencontre comme problème c'est que la page n'est plus centrer. Il faut utiliser le srolling bar du bas.

Auriez-vous une autre piste pour moi.

Merci à l'avance

[Erwan31]

Dans ce cas il faut fournir la totalité des codes ou mieux une page en ligne.

[Macmillenium]

Bonjour,

alors j'ai essayé margin-top: 0 auto;

Ça n'existe pas, la propriété margin-top/right/bottom/left n'admet qu'une seule valeur.

Mets un margin:0 et vire le width:100%.

[Hilary]

Merci!

Pour vos réponses!

L'arrière-plan apparaît dans le haut et bas de la plage, le problème, c'est que ma page n'est plus centré. Il faut déplacer la barre de défilement du bas pour centrer.

Voici le lien du site: http://www.fondationpleinairsaint-donat.org

Merci à l'avance

[Macmillenium]

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
12
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #787878;
	background-color: #000033;
        	
        /*font-weight: 500;
        margin-top: 0 auto;
	width: 100%; */
        margin:0
}

[Hilary]

Merci Macmillenuim de répondre!

Si j'enlève le margin-top: 0 auto;

et que je remplace par margin: 0; je perds l'arrière-plan du haut et bas de ma page.

Il y a une solution!

Merci de votre patience.

[Macmillenium]

Ok donc tu veux juste conserver les marges verticales du BODY
Applique un margin:8px 0.

[Hilary]

Merci Mcmillenium!

Vous avez apporté la solution à mon problème, ce qui n'est pas négligeable.

Le site est maintenant compatible avec les résolutions d'écran:

1920 X 1200 - 1280 X 1024 - 1024 X 768. Je vous en suis très reconnaissante.

Ce n'est pas évident de travailler avec les feuilles de style, il faut y investir du temps si l'on veut aller de l'avant.

Hilary