decalage vertical d'une balise p sous une image

**orphen** · 26/10/2007, 18h28

Bonjour à tous.
Je suis en train d'essayer de faire un site full css.

Je rencontre cependant un premier soucis de décalage.
Voici deja l'adresse du site: http://www.fansyl.fr/homepage/index.php

Je vous explique mon code avant de le poster.

J'ai un div principal qui permet à mon site d'avoir une largeur fixe et un filet blanc sur les coters.
A l'interieur de cette premiere Div j'ai creer une autre div header.
Dans cette div j'ais 2 images, un swf, 3 liens et un futur menu.

Pour tester l'emplacement de mon menu qui doit etre coller juste en dessous de mon swf j'ai mis un br suite a mon appel swf, et j'ai creer une balise paragraphe que j'ai passer en inline.

Malheureusement j'ai un decalage sous mozilla pouriez vous m'expliquer?
Merci par avance.

Voila mon 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
37
38
39
<!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">
 
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
<link rel="stylesheet" href="../css/commun.css"  type="text/css" />
 
<title>FANSYL</title>
 
</head>
 
<body>
 
<!--Bloc conteneur-->
 
<div id="fond_blanc">
 
<!--Bloc header-->
 
<div id="header">
 
<a href="index.php"><img src="../images/general/logo.jpg" alt="Logo" class="logo" /></a>
 
<img src="../images/general/accroche.jpg" alt="accroche" class="logo" />
 
<img src="../images/general/swf.jpg" alt="swf" /><br />
 
<p>fdsfdsfskkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk</p>
 
</div>
 
</div>
 
</body>
 
</html>

Et mon 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
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
79
80
81
/*Général*/
 
 
 
body{
 
	background-image: url(../images/general/fond.jpg);
 
	margin: 0px;
 
	padding: 0px;
 
}
 
 
 
img{
 
	border: none;
 
}
 
 
 
#fond_blanc{
 
	margin-left: auto;
 
	margin-right: auto;
 
	width: 816px;
 
	height:300px;
 
	background-color: #FFFFFF;
 
}
 
 
 
/*Header*/
 
 
 
#header{
 
	width: 778px;
 
	margin-left: auto;
 
    margin-right: auto;
 
}
 
 
 
.logo{
 
	margin-top:28px;
 
	display: block;
 
	float: left;
 
}
 
 
 
p{
 
margin-top:0px;
 
width:100%;
 
height:20px;
 
display:inline;	
 
background-color:#990000;
 
}