Apparition d'une marge non désirée.

**HoWeR** · 02/07/2009, 23h18

Bonsoir,

J'ai un petit soucis concernant le Css. Lorsque que je souhaite faire varier le margin-top de mon Cadre 1 une marge apparait entre le corps et la bannière.

J'ai tenté de nombreuses choses pour essayer de la supprimer mais sans succès.

Un petit coup de pouce serait la bienvenu.

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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
 
<html>
 
	<head>
 
       <title> </title>
 
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<meta http-equiv="Content-Style-Type" CONTENT="text/css">
		<link rel="stylesheet" media="screen" type="text/css" href="../Css/Accueil3.css" />
 
	</head>
 
	<body>
 
	<!--Ensemble WebDesign-->
	<div id="Ensemble_WebD">
 
		<!--Header-->
		<div id="Header">
 
		</div>
 
		<!--Ensemble Corps Menu-->
		<div id="Ensemble_CM">
 
			<!--Menu Gauche-->
			<div id="Menu_G">
 
			</div>
 
			<!--Corps-->
			<div id="Corps">
 
				<!--Recherche-->
				<div id="Cadre1">
 
				</div>
 
				<!--Conteneur-->
				<div id="Conteneur">
 
				</div>
 
					<!--Espace Pro-->
					<div id="Cadre2">
 
					</div>
 
					<!--A La Une-->
					<div id="Cadre3">
 
					</div>
 
					<!--Vitrine-->
					<div id="Cadre4">
 
					</div>
 
			</div>
 
			<!--Menu Droite-->
			<div id="Menu_D">
 
			</div>
 
		</div>
 
		<!--Pied De Page-->
		<div id="Footer">
 
		</div>
 
	</div>
 
	</body>
 
</html>

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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
 
body
{
	background-color:#999999;
}
 
#Ensemble_WebD
{
	height:1400px;
	width:1280px;
}
 
#Header
{
	background:url("../Images/Banniere.jpg");
	height:160px;
	width:1000px;
	margin-left:75px;
}
 
#Ensemble_CM
{
	height:1120px;
	width:1280px;
}
 
#Menu_G
{
	height:1120px;
	width:300px;
	float:left;
}
 
#Menu_D
{
	height:1120px;
	width:300px;
	float:right;
}
 
#Corps
{
	background:url("../Images/Corps.jpg");
	height:1120px;
	width:1000px;
	margin-left:75px;
}
 
#Cadre1
{
	background:url("../Images/Recherche_Corps.jpg");
	height:165px;
	width:445px;
	margin-left:70px;
	margin-top:20px;
}
 
#Footer
{
	background:url("../Images/Pied.jpg");
	height:60px;
	width:1000px;
	margin-left:75px;
}

**emie7** · 03/07/2009, 03h39

Salut,

J'ai exécuté mais ça me pose aucun problème.

tu peux donner une capture écran ou bien détailler un peu plus

FoxLeRenard · 03/07/2009, 10h13

Envoyé par HoWeR

Bonsoir,

J'ai un petit soucis concernant le Css. Lorsque que je souhaite faire varier le margin-top de mon Cadre 1 une marge apparait entre le corps et la bannière.

J'ai tenté de nombreuses choses pour essayer de la supprimer mais sans succès.

Un petit coup de pouce serait la bienvenu.

Bonjour,
il faudrait savoir quel DOCTYPE tu emploies ?

**Candygirl** · 03/07/2009, 21h47

Hello,

Tu es très probablement confronté à un problème de fusion des marges (Collapsing margins).

Tout dépend du contexte pour le meilleur moyen de l'éviter (jouer avec le padding, le border ou l'établissement d'un nouveau contexte de formatage).

Apparition d'une marge non désirée.

CSS

Discussions similaires

Partager

Partager