[CSS] Espace avant / après un <ul>
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:
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'> </div>
<ul>
<li><a href='#'>Voici</a></li>
<li><a href='#'>Voila</a></li>
</ul>
<div class='spacer'> </div>
</div> |
Et la 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
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 !
