Couleur de fond qui n'apparait pas

**Msysteme** · 08/01/2015, 17h03

Bonjour, j'ai une page html contenant :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<body onload="initialize()">
    <div id="conGlobal">
        <div id="SupHeader"></div>
        <div id="Header"></div>
        <div id="Contenent">
        </div>
        <div class="Footer">Direction</div>
    </div>
    <!--fin global-->
</body>
</html>

Code :

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

1
2
3
4
5
6
7
8
9
10
.Footer{
    width : 960px;
    height : 50px;
    background: #345173;
    color: white;
    top : 20px;
    font-family:Arial, sans-serif;
	font-size:12px;
	color:#90a3ba;
}

tous mes css marchent bien sauf le background color qui ne s'affiche pas et quand je prend la div footer et je la met dans un autre endroit la couleur s'affiche,
vous avez une idée ?
Une autre question : comment center le contenu de mon footer horizontalement et verticalement

**NoSmoking** · 08/01/2015, 22h49

Bonjour,
avec ce que tu nous mets comme code à moins d'être devin je ne vois pas comment on pourrait t'aider sans faire de grosses spéculations!

Spéculation (quand même): les éléments se montent dessus.

Invité · 09/01/2015, 00h47

Bonjour,

Envoyé par Msysteme

...Une autre question : comment center le contenu de mon footer horizontalement et verticalement

Il te suffit de faire une recherche

pour trouver TOI-MEME la réponse.

**Msysteme** · 09/01/2015, 09h24

Bonjour
Mais que dois je ajouter comme élément pour que vous puissiez m'aider?

**NoSmoking** · 09/01/2015, 22h08

Je te propose une méthode de travail avant postage de ton problème.
En prenant ce code HTML minimal

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>...</title>
<style>
  <!-- mettre le CSS ici -->
</style>
</head>
<body>
  <!-- mettre le HTML ici -->
</body>
</html>

tu places au bon endroit les éléments que tu nous a fournis, CSS-HTML

Tu testes le fichier ainsi constitué
- cas 1 : ton problème n'apparait pas il te faut donc ajouter des éléments que l'on qualifiera de perturbateur.
- cas 2 : ton problème est mis en évidence BINGO c'est le minimum qu'il nous faut pour que l'on puisse t'aider.

Il se peut même que tu mettes en évidence toi même la solution.

**miss_socrates** · 11/01/2015, 21h57

Envoyé par Msysteme

Code :

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

1
2
3
4
5
6
7
8
9
10
.Footer{
    width : 960px;
    height : 50px;
    background: #345173;
    color: white;
    top : 20px;
    font-family:Arial, sans-serif;
	font-size:12px;
	color:#90a3ba;
}

Est-ce que cela fonctionne avec le code corrigé ci-dessous ? Le code n'est pas lu car la classe Footer doit être précédée d'un point et non pas d'une virgule

Code :

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

1
2
3
4
5
6
7
8
9
10
.Footer{
    width : 960px;
    height : 50px;
    background-color: #345173;
    color: white;
    top : 20px;
    font-family:Arial, sans-serif;
	font-size:12px;
	color:#90a3ba;
}

En outre, vérifier car il y a 2 spécifications de couleur de police (color: white et color:#90a3ba), cela peut créer un conflit et des soucis.

quand je prend la div footer et je la met dans un autre endroit la couleur s'affiche

Je ne comprends pas, pourquoi mettre le footer ailleurs ? Il est prévu pour être en pied de page, si on le place ailleurs ce n'est plus un footer !

Une autre question : comment center le contenu de mon footer horizontalement et verticalement

Essayer la propriété text-align pour centrer horizontalement . Pour centrer verticalement on peut essayer vertical-align (même si c'est plutôt prévu pour les cellules de tableaux) ou jouer avec line-height ou avec des margin-top et margin-bottom auto