Discussion :

[ThinKiT]

Bonjour à tous,

Je suis en train de coder mon futur site internet et je suis étonnament surpris que mon menu du haut s'affiche de la bonne manière sous IE et non sous firefox (ce qui est habituellement l'inverse).

Je vous laisse juger par vous même :
Sous firefox :


Sous IE :


Le code HTML :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<div id="menu_header">
	<ul>
    	<li><a href="votes.php?section=encours">Votes en cours</a></li>
        <li><a href="votes.php?section=termine">Votes termin&eacute;</a></li>
        <li><a href="votes.php?section=selectione">S&eacute;l&eacute;ctionn&eacute;s</a></li>
   </ul>
   <div id="header_user">
    <a href="user.php?section=connection">Se connecter</a><a href="index.php?page=2" class="inscription"> ou S&rsquo;inscrire</a>
   </div>
</div>

Le 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
 
ul {
	list-style: none;
}
 
/*Header*/
#menu_header li{
	float:left;
	display: block;
	position: relative;
	margin-left: 2px;
	background: url(img/menu_header.gif) no-repeat;
	width: 122px;
	height: 28px;
	text-align: center;
}
 
#menu_header a{
	position: relative;
	TOP: 5px;
	text-decoration: none;
	color: #fff;
 
}
 
#menu_header .inscription{
	color: #feb90f;
}
 
#menu_header .verif{
	color: #c7e08a;
}
 
#header_user {
	width: 355px;
	height: 28px;
	background: url(img/header_user.gif) no-repeat;
	float: left;
	text-align: right;
	margin-left: 2px;
}
 
#header_user a{
	right: 15px;
}

Merci de votre aide encore une fois

[Bisûnûrs]

Rajoute :

Code :

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

1
2
3
4
*{
   margin:0;
   padding:0;
}

au début de ton CSS.

[ThinKiT]

Je l'avais déjà fait et ca ne résoud pas le problème :

Code :

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

1
2
3
4
5
6
 
* {
	margin:0;
	padding:0;
	font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif;
}

[defcon_suny]

margin: 0 quoi?????

cm - mm - km ou px ????

++

[Candygirl]

margin: 0 quoi?????

cm - mm - km ou px ????

Peu importe; 0 km ou 0 px ça reste rien du tout, donc pas besoin d'unité

Je vous laisse juger par vous même

Tu pourrais peut-être expliquer à quel niveau se situe ton problème, ça nous évitera de perdre du temps à jouer aux jeux des différences...

[defcon_suny]

Peu importe; 0 km ou 0 px ça reste rien du tout, donc pas besoin d'unité

Bien vu! trop l'habitude de mettre mes unités et c'est ce qui m'a sauté aux yeux!

Pour le problème de ThinKiT : chez moi le code fonctionne bien sur IE6 et FF