Discussion :

[baggie]

Bonjour,

j'ai un div "general" et à l'intérieur de ce div, j'ai trois autres div : header, menu et contenu. Mon div "contenu" a un fond blanc, mon div general a un fond violet foncé, et le body de la page est violet clair.

Sur IE, aucun problème, on voit bien les trois couleurs. Mais sous Firefox, le fond violet foncé du div "general" n'apparait pas.

Deux images sont en pièce jointe pour que vous visualisiez mieux mon problème.

Mon 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
 
<div id="general">
 
       <div id="header">
	 la bannière du site
        </div>
 
        <div id="menu">
	le menu
        </div>
 
        <div id="contenu">
             le contenu
        </div>
</div>

Et la css :

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
17
18
19
20
21
22
23
24
25
26
27
 
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#520075;
	background-color:#FAF0FF;
}
 
#general {
	width:90%;
	height:100%;
	background-color:#520075;
	margin:auto;
}
 
#menu {
	float: left;
	margin-top:9px;
	width:8%;
}
 
#contenu {
	margin-right:2px;
	background-color:#FFFFFF;
	float: right;
	width: 79%;
}

Est-ce que vous voyez pourquoi ça fait ça ? Ai-je fait une erreur dans mon code ?
Merci !

[desert]

Bonjour,
Il faut ajouter la propriété overflow:hidden au div#general afin d'établir un contexte de formatage bloc.

[baggie]

Merci merci beaucoup !!! Depuis le temps que je galère là-dessus ...