Problème avec plusieurs scripts et CSS sous IE6 et IE7

Version imprimable

02/12/2008, 14h40
Paul75

Problème avec plusieurs scripts et CSS sous IE6 et IE7

Bonjour,

J'utilise le script : jQuery Impromptu et superfish (pour les menus).
J'ai beau avoir un z-index: 888 pour les menus et 999 pour l'autre, mais tjours le menu au dessus de la fenêtre sous IE6 et ie7. Par contre sur Firefox c'est bien caché.

Merci de m'aider.
02/12/2008, 14h59
c_s_s

Bonjour,

Citation:

Envoyé par Paul75

Par contre sur Firefox c'est bien caché.

Ton code HTML/CSS aussi est bien caché, je n'arrive pas à le voir dis-donc. 8O
02/12/2008, 15h09
Erwan31

Citation:

Envoyé par c_s_s

Bonjour,

Ton code HTML/CSS aussi est bien caché, je n'arrive pas à le voir dis-donc. 8O

+1 C'est dingue ça. Comment veux tu qu'on puisse t'aider Paul75 si tu ne donnes pas au moins le code correspondant?!
Le mieux serait bien sûr une page en ligne.

Excusez-moi je ne pensais aps que cela soit utile le CSS :
Pour Impromptu :

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
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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
/*
------------------------------
	Impromptu's
------------------------------
*/
.jqiwarning .jqi{ background-color: #b0be96; }
.jqifade{
	/*position: absolute;*/
	position: relative;
	background-color: #ffffff;
}
div.jqi{
	/*position: absolute;*/
	position: relative;
	background-color: #d0dEb6;
	padding: 10px;
	width: 300px;
	text-align: left;
}
div.jqi .jqiclose{
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
    color: #c0cEa6;
}
div.jqi .jqicontainer{
	background-color: #e0eEc6;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.jqi .jqimessage{
	background-color: #c0cEa6;
	padding: 10px;
}
div.jqi .jqibuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.jqi button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}
 
/*
------------------------------
	impromptu
------------------------------
*/
.impromptuwarning .impromptu{ background-color: #aaaaaa; }
.impromptufade{
	/*position: absolute;*/
	position: relative;
	background-color: #ffffff;
}
div.impromptu{
    /*position: absolute;*/
    position: relative;
	background-color: #cccccc;
	padding: 10px; 
	width: 300px;
	text-align: left;
}
div.impromptu .impromptuclose{
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
    color: #213e80;
}
div.impromptu .impromptucontainer{
	background-color: #213e80;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.impromptu .impromptumessage{
	background-color: #415ea0;
	padding: 10px;
}
div.impromptu .impromptubuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.impromptu button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}
 
/*
------------------------------
	columns ex
------------------------------
*/
.colsJqifadewarning .colsJqi{ background-color: #b0be96; }
.colsJqifade{
	/*position: absolute;*/
	position: relative;
	background-color: #ffffff;
}
div.colsJqi{
    /*position: absolute;*/
    position: relative;
	background-color: #d0dEb6;
	padding: 10px; 
	width: 400px;
	text-align: left;
}
div.colsJqi .colsJqiclose{
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
    color: #bbbbbb;
}
div.colsJqi .colsJqicontainer{
	background-color: #e0eEc6;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
	height: 160px;
}
div.colsJqi .colsJqimessage{
	background-color: #c0cEa6;
	padding: 10px;
	width: 280px;
	height: 140px;
	float: left;
}
div.colsJqi .jqibuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.colsJqi button{
	background: url(../images/button_bg.jpg) top left repeat-x #ffffff;
	border: solid #777777 1px;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
	width: 75px;
}
div.colsJqi button:hover{
	border: solid #aaaaaa 1px;
}
 
.cleanbluewarning .cleanblue{
	background-color: #acb4c4;
}
 
.cleanbluefade{
	/*position: absolute;*/
	position: relative;
	background-color: #aaaaaa;
}
 
div.cleanblue{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*position: absolute;*/
	position: relative;
	background-color: #ffffff;
	width: 400px;
	font-size: 11px;
	text-align: left;
	border: solid 1px #213e80;
}
 
div.cleanblue .cleanbluecontainer{
	background-color: #ffffff;
	border-top: solid 14px #213e80;
	padding: 5px;
	font-weight: bold;
}
 
div.cleanblue .cleanblueclose{ float: right; width: 18px; cursor: default; margin: -19px -12px 0 0; color: #ffffff; font-weight: bold; }
 
div.cleanblue .cleanbluemessage{ margin: 10px; line-height: 20px; font-size: 11px; color: #333333; }
 
div.cleanblue .cleanbluebuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; }
 
div.cleanblue button{ padding: 3px 10px; margin: 0 10px; background-color: #314e90; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
 
div.cleanblue button:hover{ border: solid 1px #d4d4d4; }

HTML/JS :

Code:

$.prompt("Aucun Lieu de d&eacute;p&ocirc;t n'a pu &ecirc;tre trouv&eacute; avec ce num&eacute;ro MUSIC.<br />Veuillez v&eacute;rifier le code.", {prefix:'cleanblue', useiframe:true});

Pour suerfish, je laisse tel quel que le script.

Merci

02/12/2008, 15h30
Erwan31

Tu dois aussi fournir le code HTML interprété (pas de PHP/ASP...).
02/12/2008, 15h34
Paul75

Citation:

Envoyé par Erwan31

Tu dois aussi fournir le code HTML interprété (pas de PHP/ASP...).

Quand tu dis interprété c'est quand on fait le code source de firefox ?

Si oui, désolé je ne peux pas fournir le code car il y a le nom de ma société et je n'ai pas le droit de divulguer....

Merci
02/12/2008, 16h00
c_s_s

Bah tu peux l'enlever du code si tu veux.

La zone de texte où tu mets ton message fonctionne comme un éditeur de texte, tu peux effacer ce que tu veux. ;)

Voila le code :

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
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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
 
<!-- HEADER DE LA PAGE -->
<head>
	<!-- TITRE DE LA PAGE -->
	<title></title>
	<!-- META -->
	<meta http-equiv="content-type" content="text/html; charset=ISO-8859-15" />
	<meta name="description" content="La description du site" />
	<meta name="keywords" lang="fr" content="les, mots, clé, à, utiliser" />
 
	<meta name="language" content="fr" />
	<link rel="icon" type="image/x-icon" href="../../img_1024/favicon.ico" />
 
	<!-- FEUILLES DE STYLE -->
	<link rel="stylesheet" type="text/css" media="screen" href="../../css/css_1024.css" />
 
	<script type="text/javascript" src="../../script.js"></script>
 
	<script type="text/javascript" src="../../js/script_gen.js"></script>
 
	<script type="text/javascript" src="../../js/ajax.js"></script>
 
	<script type="text/javascript" src="../../js/jquery-1.2.6.pack.js"></script>
 
	<script type="text/javascript" src="js/script_module.js"></script>
	<link rel="stylesheet" type="text/css" href="module.css" />
 
	<script type="text/javascript" src="../../js/jacs.js"></script>
	<script type="text/javascript" src="js/traitementEcart.js"></script>
 
 
	<link rel="stylesheet" type="text/css" href="../../superfish/css/superfish-horizontal.css" media="screen">
 
	<script type="text/javascript" src="../../superfish/js/superfish.js"></script>
	<script type="text/javascript" src="../../superfish/js/supersubs.js"></script> 
 
	<script type='text/javascript' src='../../js/jquery.bgiframe.min.js'></script>
 
	<script type="text/javascript" src="../../js/jquery-impromptu.1.5.js"></script>
	<link rel="stylesheet" type="text/css" media="screen" href="../../css/test.css" />
 
	<script type="text/javascript" src="../../fckeditor/fckeditor.js"></script>
 
 
	<script type='text/javascript' src='../../js/jquery.autocomplete.pack.js'></script>
	<link rel="stylesheet" type="text/css" href="../../css/jquery.autocomplete.css" />
 
	<script type="text/javascript">
        $(document).ready( function () {
                $('ul.sf-menu-top').superfish({
                        animation: {opacity:'show'},
                        speed: 'normal',
                        delay: 0
                });
        });
        </script>
</head>
 
 
<!-- CORPS DE LA PAGE -->
<body id="body">
	<script type="text/javascript" src="../../wz_tooltip/wz_tooltip.js"></script>
<!--  MENU D ACCESSIBILITE -->
 
<ul class="accessibilite">
	<li><a href="#a-bandeau_superieur" title="Aller vers: Chemin de navigation">Chemin de navigation</a></li>
	<li><a href="#a-bandeau_identification" title="Aller vers: Identification du site">Identification du site</a></li>
	<li><a href="#a-navigation" title="Aller vers: Liens de Navigation principale">Liens de Navigation principale</a></li>
	<li><a href="#a-contenu" title="Aller vers: Contenu">Contenu</a></li>
</ul>
 
<!-- HAUT DE PAGE -->
<div id="haut_de_page">
 
<!-- BANDEAU SUPERIEUR -->
	<div id="bandeau_superieur">
		<a name="a-bandeau_superieur"></a>
		<!-- FIL D ARIANNE -->
 
	</div>
 
	<!-- BANDEAU D IDENTIFICATION -->
	<a name="a-bandeau_identification"></a>
 
	<div id="bandeau_identification_page" class="main_frame">
		<div id="bloc_bandeau_identification_page">
			<div id="logo_site">
				<a href="javascript:void(0);" title="Aller vers: Accueil"><img src="../../img_1024/logo_site.gif" alt="Retour &agrave; l'accueil" /></a>
			</div>
 
			<h1><a class="title" href="index.php" title="Aller vers: GRISE">GRISE</a></h1>
			<h2>TITRE ENLEVE</h2>
 
		</div>
	</div>
 
	<!-- MENU HORIZONTAL -->
	<a name="a-navigation"></a>
	<div id="navigation" class="main_frame navigation_page">
		<ul class="sf-menu-top sf-menu-horizontal">
	<li><a  href="javascript:void(0);">Saisie</a><ul><li><a href="javascript:void(0);" onclick="loadPage('ajout.php', 'colonne_page2');viderExport();remisePPIndex();">Nouvel enregistrement</a></li><li><a href="javascript:void(0);" onclick="loadPage('visualisation.php', 'colonne_page2');viderExport();remisePPIndex();">Modifier une donnée d'un enregistrement</a></li><li><a href="javascript:void(0);" onclick="loadPage('codeMusic.php', 'colonne_page2');viderExport();remisePPIndex();">Code MUSIC</a></li></ul></li><li><a  href="javascript:void(0);">Statistiques</a><ul><li><a href="javascript:void(0);" onclick="loadPage('pages/statistiques.php', 'colonne_page2');viderExport();remisePPIndex();">Indicateurs globaux</a></li><li><a href="javascript:void(0);" onclick="loadPage('pages/TdB.php', 'colonne_page2');viderExport();remisePPIndex();">Type d'injection</a></li><li><a href="javascript:void(0);" onclick="loadPage('pages/listingMusic.php', 'colonne_page2');ajouterLinkExport('exportation/exportListeMusic.php');remisePPIndex();">Listing MUSIC</a></li><li><a href="javascript:void(0);" onclick="loadPage('importExcel.php', 'colonne_page2');viderExport();remisePPIndex();">Importer Excel</a></li></ul></li><li><a  href="javascript:void(0);" onclick="loadPage('pages/MAJ.php', 'colonne_page2');viderExport();remisePPIndex();">MAJ</a></li>	<li><a href="javascript:void(0);" onclick="loadPage('Manuel/manuel_utilisation.php', 'colonne_page2');viderExport();remisePPIndex();">Aide</a></li>
 
	<li id="linkExport"></li>
</ul>		<ul class="retAccueil">
			<li id="retAccueil"><a href="../../index_prod.php">Accueil Portail</a></li>
		</ul>
		<ul class="precedent">
			<li id="precedent"></li>
		</ul>
	</div>
 
</div>
<!-- FIN HAUT DE PAGE -->
 
<!-- CONTENU -->
<div id="contenu_module" class="main_frame">
	<a name="a-contenu"></a>
	<!-- COLONNE CENTRE  -->
	<div id="colonne_page2">
		<center>
		<h1>R&eacute;sultats de [...]</h1>
 
		<h5>Choisissez la semaine&nbsp;
		<select id="selectPeriode" name="periode" onchange="changePeriode(this.value, 'semaine');">
			<option value='2007-11-23|2007-11-29'>du 23-11-2007 au 29-11-2007</option><option value='2007-12-21|2007-12-27'>du 21-12-2007 au 27-12-2007</option><option value='2007-12-28|2008-01-03'>du 28-12-2007 au 03-01-2008</option><option value='2008-01-04|2008-01-10'>du 04-01-2008 au 10-01-2008</option><option value='2008-01-11|2008-01-17'>du 11-01-2008 au 17-01-2008</option><option value='2008-01-18|2008-01-24'>du 18-01-2008 au 24-01-2008</option><option value='2008-01-25|2008-01-31'>du 25-01-2008 au 31-01-2008</option><option value='2008-02-01|2008-02-07'>du 01-02-2008 au 07-02-2008</option><option value='2008-02-08|2008-02-14'>du 08-02-2008 au 14-02-2008</option><option value='2008-02-15|2008-02-21'>du 15-02-2008 au 21-02-2008</option><option value='2008-02-22|2008-02-28'>du 22-02-2008 au 28-02-2008</option><option value='2008-02-29|2008-03-06'>du 29-02-2008 au 06-03-2008</option><option value='2008-03-07|2008-03-13'>du 07-03-2008 au 13-03-2008</option><option value='2008-03-14|2008-03-20'>du 14-03-2008 au 20-03-2008</option><option value='2008-03-21|2008-03-27'>du 21-03-2008 au 27-03-2008</option><option value='2008-03-28|2008-04-03'>du 28-03-2008 au 03-04-2008</option><option value='2008-04-04|2008-04-10'>du 04-04-2008 au 10-04-2008</option><option value='2008-04-11|2008-04-17'>du 11-04-2008 au 17-04-2008</option><option value='2008-04-18|2008-04-24'>du 18-04-2008 au 24-04-2008</option><option value='2008-04-25|2008-05-01'>du 25-04-2008 au 01-05-2008</option><option value='2008-05-02|2008-05-08'>du 02-05-2008 au 08-05-2008</option><option value='2008-05-09|2008-05-15'>du 09-05-2008 au 15-05-2008</option><option value='2008-05-16|2008-05-22'>du 16-05-2008 au 22-05-2008</option><option value='2008-05-23|2008-05-29'>du 23-05-2008 au 29-05-2008</option><option value='2008-05-30|2008-06-05'>du 30-05-2008 au 05-06-2008</option><option value='2008-06-06|2008-06-12'>du 06-06-2008 au 12-06-2008</option><option value='2008-06-13|2008-06-19'>du 13-06-2008 au 19-06-2008</option><option value='2008-06-20|2008-06-26'>du 20-06-2008 au 26-06-2008</option><option value='2008-06-27|2008-07-03'>du 27-06-2008 au 03-07-2008</option><option value='2008-07-04|2008-07-10'>du 04-07-2008 au 10-07-2008</option><option value='2008-07-11|2008-07-17'>du 11-07-2008 au 17-07-2008</option><option value='2008-07-18|2008-07-24'>du 18-07-2008 au 24-07-2008</option><option value='2008-07-25|2008-07-31'>du 25-07-2008 au 31-07-2008</option><option value='2008-08-01|2008-08-07'>du 01-08-2008 au 07-08-2008</option><option value='2008-08-08|2008-08-14'>du 08-08-2008 au 14-08-2008</option><option value='2008-08-22|2008-08-28'>du 22-08-2008 au 28-08-2008</option><option value='2008-08-29|2008-09-04'>du 29-08-2008 au 04-09-2008</option><option value='2008-09-05|2008-09-11'>du 05-09-2008 au 11-09-2008</option><option value='2008-09-12|2008-09-18'>du 12-09-2008 au 18-09-2008</option>			<option selected="selected" value="2008-11-21|2008-11-27">du 21-11-2008 au 27-11-2008</option>
 
		</select>
		</h5>
		</center>
		<h2>Pour consultation d&eacute;taill&eacute;e des plis, cliquez sur le r&eacute;sultat de votre choix</h2>
 
 
		<div id="semaine">
			<script>loadPageModule("index_resultats.php", "semaine", "2008-11-21|2008-11-27");</script>
 
		</div>
 
		<div id="zoneRes"></div>
		<br class="clear-both" />
	</div>
</div>
<!-- FIN CONTENU -->
 
<!-- PIED DE PAGE -->
<div id="pied_de_page">
	<div id="pieddepage_principal" class="main_frame">
		<ul id="pieddepage1"<
		</ul>
		<ul id="pieddepage2">
		</ul>
	</div>
</div>
<!-- FIN PIED DE PAGE -->
 
</body>
 
</html>

02/12/2008, 19h11
Erwan31

Ton code html et CSS ne correspondent pas on dirait, en tous cas je ne vois pas le z-index dont tu parles...
Ton problème vient a priori soit un select qui passe au-dessus des autres éléments sous IE, soit d'une spécificité du layout engine d'IE qui superpose les derniers éléments dans le flux sur les précédents.
Mais tu ne dis pas quel menu pose problème.
02/12/2008, 19h28
Paul75

vous désirez des captures d'écrans ? car si oui aut que je grise les parties non désiré...

Merci
02/12/2008, 19h30
Erwan31

Oui si possible de manière à ce que ça soit plus compréhensible ;)