Différence d'interprétation du CSS entre Windows et Linux
Bonjour, j'ai des différences d'interprétation du css de mon site cv entre windows et linux.
Linux :
http://img691.imageshack.us/img691/3033/linuxz.jpg
Windows :
http://img411.imageshack.us/img411/1812/windowsi.jpg
Sous windows, j'ai sous le menu une bordure qui apparait (sous cursus). Il me semble que ça doit être la bordure différenciant le fond de ul et le fond de li...
Dans les deux cas, j'utilise firefox. J'ai testé avec différentes versions de firefox.
Le site concerné est ici : http://www.hds.utc.fr/~joneshaz/index.html
Voici mon css (les parties intéressantes) :
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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
|
ul.menu {
margin: 0px;
background-color: #9999ff;
background-position: top;
border-top: thin solid #4169E1;
border-bottom : none;
padding-bottom : 0px;
bottom : 0px;
}
ul.menu li {
display: inline;
font-size: 14px;
font-weight: bold;
border-bottom : none;
padding-bottom : 0px;
bottom : 0px;
}
ul.menu li.labo {
background-image: url("heudiasyc.gif");
background-repeat: no-repeat;
background-position: top;
width:91px;
}
ul.menu a {
/*border-right: 2px solid #ddeeaa;
border-left: 2px solid #ddeeaa;*/
color: white;
text-decoration: none;
padding-left: 20px;
padding-right: 20px;
margin:0px;
background-position : bottom;
border-bottom : none;
bottom : 0px;
}
ul.menu a.special {
/*border-right: 2px solid #ddeeaa;
border-left: 2px solid #ddeeaa;*/
color: #9999ff;
text-decoration: none;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 0px;
margin:0px;
background-position: -1px;
background-color: White;
border-bottom : none;
bottom : 0px;
}
ul.menu li a:hover {
background-color: #3333ff;
}
ul.menu li a.special:hover {
background-color: #AFEEEE;
}
ul.menu a.drapeau {
/*border-right: 2px solid #ddeeaa;
border-left: 2px solid #ddeeaa;*/
/* color: #9999ff; */
text-decoration: none;
padding-left: 20px;
padding-right: 20px;
background-image: url("english.jpg");
background-repeat: no-repeat;
background-position: top;
} |
Est-ce que vous voyez d'où ça peut venir?
