[ CSS ] Bug sous IE

Version imprimable

[ CSS ] Bug sous IE

Bonjour à tous,

un problème récurrent ... un bug d'affichage sous ie. :aie:

Il se produit un décalage de mes sous-menus : http://gom.huchet.free.fr/gen_pro_2

Extrait de mon 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
42
43
44
45
46
47
48
49
.titre_menu {
	width: 126px;
	background-color: #FF9900;
	margin: 10px 2px -12px 10px;
	padding: 2px;
	border: 2px solid #000000;
	display: block;
	text-align: center;
	font-weight: bold;
}
 
.menugauche {
	width: 120px;
	background-color: #CCE6FF;
	margin: 10px 2px 5px 10px;
	padding: 5px;
	border: 2px solid #000000;
}
 
.menugauche li {
	/*margin-bottom: 5px;*/
	display: inline;
	list-style-type: none;
}
.menugauche a {
	margin: 0px 2px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	background-color: transparent;
	display: block;
	padding: 1px 2px 1px 2px;
}
.menugauche a:hover {
	text-decoration: none;
	background-color: #FF9900;
	color: #000000;
	font-weight: bold;
	padding: 0px 2px 0px 2px;
	border: 1px solid #000000;
}
.menugauche a:focus {
	text-decoration: none;
	background-color: #FF9900;
	color: #000000;
	font-weight: bold;
	padding: 0px 2px 0px 2px;
	border: 1px solid #000000;
}

Merci d'avance à celui ou celle qui pourra me consacrer qqs minutes ! ;)

Gôm

C'est pas mal d'eviter les marges negatives quand on peu, essai avec ce 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
42
.titre_menu {
	width: 126px;
	background-color: #f90;
	margin: 10px 2px 0px 10px;
	padding: 2px;
	border: 2px solid #000;
	display: block;
	text-align: center;
	font-weight: bold;
}

.menugauche {
	width: 120px;
	background-color: #cce6ff;
	margin: 0px 2px 5px 10px;
	padding: 5px;
	border: 2px solid #000;
	border-top:0px;
}

.menugauche li {
	/*margin-bottom: 5px;*/
	display: inline;
	list-style-type: none;
}
.menugauche a {
	margin: 0px 2px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	background-color: transparent;
	display: block;
	padding: 1px 2px 1px 2px;
}
.menugauche li a:hover, .menugauche li a:focus {
	text-decoration: none;
	background-color: #f90;
	color: #000;
	font-weight: bold;
	padding: 0px 2px 0px 2px;
	border: 1px solid #000;
}

20/07/2006, 09h28
ghohm

C'est parfait !

Ca fonctionne parfaitement ! :D

Merci pour ton aide. :hola:

Gôm :merci: