Problème margin bottom

Bonjour,

Je ne comprend pas pourquoi le margin bottom du code suivant ne marche pas.
Merci d'avance de me dire comment remédier à ce problème :

code XHTML :

Code:

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
28
29
30
31
32
33
34
35
36
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
 
	<head>
		<title>test</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
 
	</head>
 
	<body>
 
		<div id="zaz">
 
			<div id="b">
				<p> dkjhfkhfk </p>
			</div>
 
			<div id="c">
				<p> dkjhfkhfk </p>
			</div>
 
			<div id="d">
				<p> dkjhfkhfk </p>
			</div>
 
		</div> 
 
		<div id="e">
 
		</div>
 
	</body>
</html>

code CSS :

Code:

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
28
29
30
* {
  margin:0;
  padding:0;
}
#zaz
{
background-color: #7645ac;
 
}
 
#b
{
background-color: #235134;
}
 
#c
{
background-color: #89ACD2;
}
 
#d
{
background-color: #0975CC;
margin-bottom:30px;
}
 
#e
{
background-color: #AAB234;
}

A+

Salut,

Comme il n'y a rien dans la div "#e", on ne le voit pas car il n'a pas de hauteur

rajoute du texte ou une hauteur à ta div "#e" et tu verras que ton margin-bottom fonctionne.

Bonjour,

Si tu souhaites conserver cette div "vide", insère lui un petit   :)

Solution trouvée

Merci à tous les deux mais la suppression de la div #e ne résolvait pas mon problème. Après plus de recherche j'ai trouvé tout seul la solution.
Le problème était en fait un problème de fusion des marges.

Je vous remercie tout de même grandement de votre aide.