Position fixed avec IE

**yanngolf** · 17/05/2011, 15h21

Bonjour tout le monde,

Je souhaite afficher une div en premier plan, elle doit être fixée afin de suivre le scroll.
Ca fonctionne très bien sur Firefox mais pas du tout sur IE.

Lien de la page : http://yanngolf.x10.mx/index.htm

Mon 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
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
 
 
 
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
 
 
 
    <title>test</title>
 
 
<style>
 
.jeuxBackground {
    background-color: #000;
    display: none;
    height: 100% !important;
    opacity : 0.6;
    -moz-opacity : 0.6;
    -ms-filter: "alpha(opacity=60)";
    filter : alpha(opacity=60);
    position: fixed !important;
    width: 100%;
    z-index: 50;
}
 
 
.jeu-container {
    display: none;
    height: 100%;
    position: fixed !important;
    text-align: center;
    width: 100%;
    z-index: 80;
}
 
 
.jeu-contenu {
        width:880px; 
        height:354px; 
        background-color:#FFF; 
        margin-top:11%; 
        margin-left: auto; 
        margin-right: auto;
        padding-left:17px;
        padding-top:17px;
 
        
}
 
 
.jeu-left {
        width:310px; 
        height:336px; 
        background-color:#9999cd; 
        float:left;
 
}
 
.jeu-right {
        width:548px; 
        height:336px;
        margin-left:7px;
        float:left;
        
 
}
 
 
 
</style>
 
 
 
</head>
 
<body>
 
 
 
<div class="jeuxBackground" id="jeuxBackground" name="jeuxBackground" style="display: block;"></div>
 
<div class="jeu-container" id="jeuxContainer" name="jeuxContainer" style="display: block; text-align:center">
 
	<div class="jeu-contenu" id="jeu-contenu-partie1" >
 
    	<form method="post">
	    	<div class="jeu-left" id="jeu-left-partie1">
	    	</div>
 
 
        	<div class="jeu-right" id="jeu-right-partie1"></div>
       		<input name="hid_valid_form" value="partie1" type="hidden">
 
        </form>
 
    </div>
 
</div>
 
 
<div style="height: 3000px"> </div>
 
</body>
 
</html>