Discussion :

[Yoteco]

Bonjour,

J'ai fais une feuille de style (toute bête) et j'ai malheureusement des différences d'affichage entre IE7 et Firefox.

voici ma feuille de style:

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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
 
body
{
    margin-top:1px;
}
 
div 
{
    text-align:center;
}
 
div#cadre
{
    width:798px;
    border-width:1px;
    margin-top:1px;
    border-style:solid;
    border-color:#000000;
}
 
div#banner 
{
    width:798px;
    height:130px;
    background-image:url(../design/banner.jpg);
}
 
div#menuBar
{
    width:798px;
    height:26px;
    background-image:url(../design/menuBar.jpg);
}
 
div#underMenuBar
{
    width:798px;
    height:16px;
    background-image:url(../design/underTitleBar.jpg);
 
}
 
div#content
{
    width:798px;
    height:400px;
    background-image:url(../design/content.jpg);
}
 
div#underContent
{
    width:798px;
    height:11px;
    background-image:url(../design/underContent.jpg);
}
 
div#footer 
{
    width:798px;
    height:20px;
    background-image:url(../design/footer.jpg);
}
 
div#underFooter
{
    width:798px;
    height:11px;
    background-image:url(../design/underFooter.jpg);
}
 
div#contentText
{
    text-align:justify;
    margin-left:35px;
    margin-right:40px;
}
 
#menuhtc 
{
    color: #FFFFFF;
    margin-left:30px;
}
 
#menuhtc a, #menuhtc a:visited, #menuhtc a:hover 
{
       text-decoration: none;
    color: #fff;
}
 
#menuhtc ul 
{ 
    margin:0;
    padding:0; 
}
 
#menuhtc ul li 
{
   behavior:url('style/menu.htc');
   background:#230;
   position:relative;
   display:inline;
   padding:3px 15px;
   cursor:pointer;
}
#menuhtc ul>li 
{ 
    display:table-cell; 
}
 
#menuhtc ul li:hover 
{ 
    background: #ABBC47;
}
 
#menuhtc ul li ul 
{
   top:expression(this.parentNode.offsetHeight+"px");
   left:expression(0);
   border:solid 1px #000;
   position:absolute;
   visibility:hidden;
}
 
#menuhtc ul li:hover ul 
{ 
    visibility:visible; 
    z-index:200;
}
 
#menuhtc ul li ul li 
{ 
    display:block;
}

Vous verrez très nettement la différence si vous ouvrez les deux pièces jointes (c'est sur IE7 que sa bug pour changer... )

Merci d'avance