[Firefox] Pixel au-dessus des éléments d'une liste

**Marco85** · 20/11/2006, 18h46

Bonjour à tous,

J'ai un problème de visualisation d'une liste sous Firefox. Avec les codes xHTML et CSS suivants, j'ai un pixel de séparation entre chaque élément de la liste sous Firefox alors que sous IE, je n'ai pas ce problème.

Code HTML :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Test Blocks</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <link rel="stylesheet" media="screen" type="text/css" title="Test blocks" href="mine_design.css" />
   </head>
 
   <body>
 
        <div id="navcontainer">
            <ul id="navlist">
                <li><a href="#">Element Un</a></li>
                <li><a href="#">Element Deux</a></li>
                <li><a href="#">Element Trois</a></li>
            </ul>
        </div>
   </body>
</html>

Code CSS :

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
body
{
	background: black;
	color: white;
}
 
#navcontainer
{
	background-color: white;
}
 
#navlist
{
	background-color: blue;
}
 
#navlist li
{
	list-style: none;
}
 
#navlist li a
{
	text-decoration: none;
	background: black;
}

Comment supprimer ce défaut ?

Merci d'avance.

Marco85

**Bisûnûrs** · 20/11/2006, 19h19

Même en mettant toutes les marges à zéro ça ne résout pas ton affaire, alors tu peux faire comme ça :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
#navlist li{
   list-style: none;
   margin-top:-1px;
}

**Dan_A** · 20/11/2006, 19h27

Il vaut peut-être mieux ajouter line-height:1em; dans #navlist.

**Bisûnûrs** · 20/11/2006, 20h00

@Dan_A : J'avais essayé dans #navlist li a mais pas dans #navlist ... et effectivement ça fonctionne.

Donc oui, la solution de Dan_A est la meilleure.

**Marco85** · 21/11/2006, 09h22

Super !!!

Merci beaucoup pour cette solution qui fonctionne parfaitement. Juste une question au passage : est-ce un comportement normal ou un bug de Firefox ?

Merci d'avance,

Marco85

[Firefox] Pixel au-dessus des éléments d'une liste

CSS

Discussions similaires

Partager

Partager