Bonjour,

J'ai un problème : je n'arrive pas à supprimer l'espace en haut et en bas d'un bloc ul. J'ai pourtant les margin/padding à 0.

Voici le code :

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
 
<div id='haut'>
Logo
<br><br><br>
</div>
 
<div id='menu_haut'>
<div class='spacer'> &nbsp; </div>
<ul>
<li><a href='#'>Voici</a></li>
<li><a href='#'>Voila</a></li>
</ul>
<div class='spacer'> &nbsp; </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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
#haut {
background:blue;
margin:0;
padding:0;
}
 
 
#menu_haut {
background:red;
margin:0;
padding:0;
margin-bottom:100px;
}
 
#menu_haut a {
background:orange;
display:block;
padding:10px;
padding-right:10px;
border-width:1px;
border-style:solid;
border-color:black;
width:120px;
}
 
#menu_haut a:hover {
background:green;
}
 
#menu_haut ul {
background:green;
display:block;
padding:0;
margin:0;
}
 
#menu_haut li {
float:left;
list-style-type:none;
}
Si je mets une taille au div menu_haut, sous mozilla l'espace en bas disparait (mais pas en haut) et sous IE nada.


Comment faire ?

Merci de votre aide !