Position fixed avec IE [Résolu]

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>

Avez-vous une idée ?

Merci d'avance !

Bisûnûrs · 17/05/2011, 15h26

1. Commence par mettre un DOCTYPE valide à ton document :

http://xhtml.developpez.com/faq/?pag...#html_doctypes
2. Sur quelle version de IE constates-tu ton problème ?

yanngolf · 17/05/2011, 15h59

Euh.....

Je fais des modifications sur un vieux sites et j'ai franchement pas pensé à ça.

En tout cas Merci, mon problème est résolu

17/05/2011, 15h26	#2
Bisûnûrs Modérateur Josselin Développeur Web Inscription : janvier 2004 Messages : 9 050 Détails du profil Informations personnelles : Nom : Josselin Âge : 29 Localisation : France, Rhône (Rhône Alpes) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : janvier 2004 Messages : 9 050 Points : 12 181 Points : 12 181	1. Commence par mettre un DOCTYPE valide à ton document : http://xhtml.developpez.com/faq/?pag...#html_doctypes 2. Sur quelle version de IE constates-tu ton problème ?
	10

17/05/2011, 15h59	#3
yanngolf Invité de passage Inscription : avril 2008 Messages : 30 Détails du profil Informations forums : Inscription : avril 2008 Messages : 30 Points : 1 Points : 1	Euh..... Je fais des modifications sur un vieux sites et j'ai franchement pas pensé à ça. En tout cas Merci, mon problème est résolu
	00

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