Problème margin bottom

**drvercetti** · 31/08/2010, 22h15

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 :

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
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 :

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
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+

**ornitho13** · 01/09/2010, 00h03

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.

**Lenézé** · 02/09/2010, 17h02

Bonjour,

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

**drvercetti** · 04/09/2010, 16h40

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.

Problème margin bottom

CSS

Vue hybride

Discussions similaires

Partager

Partager