bonjour,
j ai dev mon appli en me servant uniquement de firefox or apparement les utilisateurs utilisent aussi IE 6 et 7 !!!
Et le resultat n est pas top sous ie, sous ie 7 mon menu ne fonctionne pas et sous ie 6 c la repartition qui n est pas correcte, une solution ?

mon code css
Code css : 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
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
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
body{
	background-image : url("images/Bgnd.png");
	/*background: #6D9D1E;*/
	font-family: 'Verdana','Times New Roman',Times,serif;
}
 
#global{
position: absolute;
width: 1014px;
left:0%;
margin-left:5px ;
margin-bottom:50px;
border: none;
font-family: 'Verdana','Times New Roman',Times,serif;
text-align:center;
}
 
#header{
text-align:center;
border: non;
padding-top:5px;
margin-bottom:5px;
height:95px;
background-image : url("images/HeaderTmp.jpg");
background-repeat : no-repeat;
background-position: left bottom;
 
}
 
#menu{
float:left;
padding-top: 20px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #40a040;
height:250px;
width : 155px;
background: #F5FFFA;
}
 
#contenu{
margin-left:180px;
padding:3px;
min-height:400px;
border: 1px solid #40a040;
margin-bottom:0px;
vertical-align: middle;
font-size: 10pt;
background-color : #F5FFFA;
}
 
form{
margin:0px;
font-size: 10pt;
text-align: center;
}
 
 
 
#foot{
position:relative;
top:20px;
margin-left:180px;
margin-bottom:30px;
text-align:left;
border: 1px solid green;
padding-left:3px;
}
 
.entete{
display: block;
height:20px;
font-size: 15px;
color: #449900;
_margin-top:-320px;
padding-top:1px;
margin-bottom:0px;
border: 1px solid green;
/*background: url("images/entete.jpg");*/
background-color : #A1DE3A;
border-radius: 20px 20px; -moz-border-radius: 20px;
}
 
 
 
.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
 
 
input[type=submit], input[type=reset] {
font-weight: bold;
font-size: 12pt;
background : #229900;    
height: auto;
color: #FFF; 
margin: 0;
padding: 4px 8px;
border-right: 1px solid #fff;
text-decoration: none;
text-align : center;
border-radius: 20px 20px; -moz-border-radius: 20px;
}
 
table {
text-align : middle;
}
 
 
 
 
#menuDeroulant
{
 width: 644px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant li
{
 /*float: left;*/
 width: 150px;
 margin: 0;
 padding: 0;
 border: 0;
}
 
#menuDeroulant .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 149px;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
}
 
#menuDeroulant .sousMenu.ssMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant .sousMenu.ssMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 149px;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
}
 
 
 
 
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: auto;
 color: #FFF;
 background: #008000;
 margin: 0;
 padding: 4px 8px;
 border-right: 1px solid #fff;
 text-decoration: none;
 border-radius: 20px 20px; -moz-border-radius: 20px;
}
 
#menuDeroulant li a:hover { background-color: #A1DE3A; }
#menuDeroulant li a:active { background-color: #A1DE3A; }
 
#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #000;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: transparent url("fondTR.png") repeat;
}
 
#menuDeroulant .sousMenu.ssMenu li a:link,
#menuDeroulant .sousMenu.ssMenu li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: transparent url("fondTR.png") repeat;
}
 
 
#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: #A1DE3A;
}
 
#menuDeroulant .sousMenu.ssMenu li a:hover
{
 background-image: none;
 background-color: #A1DE3A;
}
 
 
 
#menuDeroulant li:hover > .sousMenu { display: block; }
#menuDeroulant li:hover > .sousMenu.ssMenu { display: block; }

mon code php
Code php : 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
<?php  ob_start(); 
session_start();
 
 
echo'

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Quercus Map</title>

<style type="text/css">
  @import url(style.css);
</style>
';
 
require_once ("connexion.php");
 
/** module pear nécessaire */
require_once ('HTML/QuickForm.php');
 
require_once('fonctions.php');
 
require_once('exportcsv.php');
 
//si la variable page existe
if (isset($_GET['page'])){
 
	//mon test sur la db
 
	Connexion('1');
	$recup_page = 'SELECT * FROM "QuercusMapp".page WHERE page_id = '.$_GET['page'].";" ;
	$resultat = pg_query($recup_page) ;
 
	if ( pg_num_rows($resultat) == 0  ){
		$titre = "Accueil" ;
		$page = "/CartoChene/accueil.php" ;
	}else{
		$ligne = pg_fetch_array($resultat) ;
		$page =  $ligne['page_lien'] ;
		$titre = $ligne['page_titre'] ;
	}
 
	//$titre = $_GET['page'] ;
	//$page = $_GET['page'] ;
 
}else{
		//si elle n'existe pas je met une page par defaut
		$titre = "Accueil" ;
		$page = "/CartoChene/accueil.php" ;
}
 
 
echo'
</head>
<body>

<!-- Debut de la partie global -->
<div id="global">




	<!-- Debut de la partie header -->
	<div id="header">

	<!-- l header ici -->

	</div>
	<!-- Fin de la partie header -->


	<!-- Debut de la partie menu -->
	<div id="menu">';
 
	include "menu.html";
 
	echo'	
	</div>
	<!-- Fin de la partie menu -->


	<!-- Debut de la partie contenu -->
	<div id="contenu">
		
	<span class="entete">';echo $titre ;
	echo'
	</span>
	';
 
	include($_SERVER["DOCUMENT_ROOT"].$page);
 
	echo '
	</div>
	<!-- Fin de la partie contenu -->

	

	<!-- Debut du pied de page -->
	<div id="foot">
		pied de page
	

	</div>
	<!-- Fin du pied de page -->

	</div>
	
<!-- fin de la partie globale -->



</body>
</html>

</div>

<div id="postgre" style="position:absolute; left:3px; top:540px; width:70px; height:50px; ">
<a href="http://www.postgresql.org/">
	<img src="/CartoChene/images/Postgre.gif" alt="PostGres" width=70 height=50 />
</a>
</div>
';
 
?>

n y a t il donc pas de solution afin de détecter le navigateur utilisé et selon le navigateur prendre tel ou tel css ?

Merci pour votre aide !