empilement du menu avec IE et pas avec MZ [Résolu]

MrTitomy · 09/02/2011, 15h36

Bonjours à vous tous.

Voila j'expose mon problème. Comme le titre le dit, j'ai un problème avec IE.
je précise ,avant tout, que je fais toujours attention à ne pas utiliser du code qui rendrait le résultat différent d'un navigateur à un autre.
J'ai un menu à gauche de ma page (traditionnelle) avec un petit effet visuel au passage de la souri (rien d'extraordinaire...) mais il s'écrase littéralement sous IE ! J'ai essayer de fixer la hauteur de chaque onglet sans succès...
Sous Mozilla le résultat est parfait c'est pourquoi je fais fait appelle à vos services en espérant que vous pourrez élucider le problème

merci d'avant

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
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
<!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" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>
		Accueil
	</title>
	<!-- La feuille de styles "base.css" doit être appelée en premier. -->
	<link rel="stylesheet" type="text/css" href="bases.css" media="all" />
	<link rel="stylesheet" type="text/css" href="modele.css" media="screen" />
 
</head>
 
<body>
 
<div id="global">
	<div id="navigation" >
		<ul>
			<li class="onglet"><a href="Annuaire.html"><center>Annuaire des associations sportives</center></a></li>
			<li class="onglet"><a href="liste.html"><center>OMSD</center></a></li>
			<li class="onglet"><a href="utiliser.html"><center>Evenements</center></a></li>
			<li class="onglet"><a href="licence.html"><center>Espace clubs</center></a></li>
			<li class="onglet"><a href="credits.html"><center>Formations et emplois dans le sport</center></a></li>
            <li class="onglet"><a href="credits.html"><center>Contactez-nous</center></a></li>
		</ul>
</div><!-- #navigation -->
 
</div><!-- #global -->
 
</body>
</html>

CSS bases

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
 
html {
	font-size: 100%; 
}
body {
	margin: 0;
	padding: 6px 20px; 
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; /* 3 */
	font-size: 0.8em; 
	line-height: 1.25; 
	color: #000;
	background: white
}
a {
	color:#00C
}
a:hover, a:focus {
	color: crimson;
}

CSS modele

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
 
/* Général */
body {
	color: #0066ff;
	background: #d5e4fd;
}
#global {
	background: #d5e4fd;
}
#navigation {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;	
}
#navigation a {
	color: #000;
}
#navigation a:hover, #navigation a:focus {
	background: #D8F0FE;
	font-size: 0.9em;
	color: #03C;
 
}
.onglet {
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
	border-right-width: thin;
	border-left-width: thin;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000;
	background:#7e9cf4;
}
 
 
/* --- POSITIONNEMENT --- */
 
body {
	padding: 30px 90px 30px 150px;
}
 
#global {
	width: 1000px;
	overflow: hidden;
 
}
 
/* Menu de navigation */
#navigation {
	width: 180px; 
	float: left;
	height: 85,2px;
}
#navigation ul {
	margin: 0;
	padding: 0px 0px;
	list-style: none;
}
#navigation a {
	display: block;
	height: 0%; 
	padding: 6px 6px 6px 10px;
	line-height: 1.2;
	font-size: 0.9em;
	text-decoration: none;
 
}

Ps : n'hésitez pas à critiquer mon code ^^ ça ne pourra que m'aider

MrTitomy · 09/02/2011, 15h49

Bon il a fallu que je pose ce message pour trouver mon erreur tout seul ... désolé du dérangement.

Pour info le problème vient de mon code CSS modele
dans #navigation a { height etait à 0, c'est sur ça bloc ...

Merci car involontairement vous m'avez aidé à trouver mon erreur ^^
à une prochainement fois

09/02/2011, 15h49	#2
MrTitomy Invité de passage Inscription : février 2011 Messages : 13 Détails du profil Informations forums : Inscription : février 2011 Messages : 13 Points : 4 Points : 4	Bon il a fallu que je pose ce message pour trouver mon erreur tout seul ... désolé du dérangement. Pour info le problème vient de mon code CSS modele dans #navigation a { height etait à 0, c'est sur ça bloc ... Merci car involontairement vous m'avez aidé à trouver mon erreur ^^ à une prochainement fois
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email