IE7, IE6 et firefox ARG !

**petchos** · 05/06/2007, 15h12

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 !

**Halukard** · 05/06/2007, 15h50

google est ton ami

http://www.quirksmode.org/js/detect.html

**Bisûnûrs** · 05/06/2007, 16h02

Envoyé par petchos

mon code html

Je n'appelle pas ça du code HTML.

Merci de lire les règles d'utilisation du forum avant de poster.

**petchos** · 05/06/2007, 16h15

c est jouer un peu avec les mots, en fait mon code html est inclu dans mon code php ... mais c est rectifier.

Donc je devrais utiliser une fonction qui detecte mon navigateur et selon le navigateur j appel un feuille css adapté à ce dernier ? ?

**Candygirl** · 05/06/2007, 17h24

Envoyé par petchos

c est jouer un peu avec les mots, en fait mon code html est inclu dans mon code php ... mais c est rectifier.

Tu n'as pas bien compris l'intervention de Bisûnûrs. Si tu veux qu'on puisse t'aider et selon ce qui est précisé dans les règles du forum, il faut que tu postes le code html généré par ton code php et non pas le code php en lui-même.

**petchos** · 06/06/2007, 08h58

autant pour moi

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
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
 
 
<!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>
 
</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"><html>
<ul id="menuDeroulant">
		<li>
 
			<a href="index.php?page=4">Map</a>
			<ul class="sousMenu">
				<li><a href="index.php?page=">CMap</a></li>
				<li><a href="index.php?page=">Marker</a></li>
				<li><a href="index.php?page=">Measure</a></li>		
				<li><a href="index.php?page=">Genotype</a></li>
			</ul>
		</li>
 
		<li>
			<a href="index.php?page=3">Phenotype</a>
			<ul class="sousMenu">			      
			</ul>
		</li>
		<li>
			<a href="index.php?page=2">Pedigree</a>
			<ul class="sousMenu">			      
				<li><a href="index.php?page=5">Pedigrees</a></li>
				<li><a href="index.php?page=7">List of Oaks</a></li>
				<li><a href="index.php?page=8">List of Clones</a></li>
				<li><a href="index.php?page=9">Year Crossings</a></li>
				<li><a href="index.php?page=10">Propagation by cutting</a></li>				
			</ul>
		</li>
	</ul>
</html>
 
	</div>
	<!-- Fin de la partie menu -->
 
 
	<!-- Debut de la partie contenu -->
	<div id="contenu">
 
	<span class="entete">Accueil
	</span>
 
	<h2 color="#000000">
		Please, identificate you :
	</h2>
 
<script type="text/javascript">
//<![CDATA[
function validate_frmMeChange(frm) {
  var value = '';
  var errFlag = new Array();
  var _qfGroups = {};
  _qfMsg = '';
 
  value = frm.elements['login'].value;
  if (value == '' && !errFlag['login']) {
    errFlag['login'] = true;
    _qfMsg = _qfMsg + '\n - Login obligatory';
  }
 
  value = frm.elements['mdp'].value;
  if (value == '' && !errFlag['mdp']) {
    errFlag['mdp'] = true;
    _qfMsg = _qfMsg + '\n - Password obligatory';
  }
 
  if (_qfMsg != '') {
    _qfMsg = 'Invalid information entered.' + _qfMsg;
    _qfMsg = _qfMsg + '\nPlease correct these fields.';
    alert(_qfMsg);
    return false;
  }
  return true;
}
//]]>
</script>
 
<form center="center" action="index.php?page=1" method="post" name="frmMeChange" id="frmMeChange" onsubmit="try { var myValidator = validate_frmMeChange; } catch(e) { return true; } return myValidator(this);">
<div>
<table border="0">
 
	<tr>
		<td align="right" valign="top"><b><br></b></td>
		<td valign="top" align="left">	</td>
	</tr>
	<tr>
		<td align="right" valign="top"><span style="color: #ff0000">*</span><b>Login : </b></td>
		<td valign="top" align="left">	<input name="login" type="text" /></td>
	</tr>
	<tr>
		<td align="right" valign="top"><b><br></b></td>
		<td valign="top" align="left">	</td>
	</tr>
	<tr>
		<td align="right" valign="top"><span style="color: #ff0000">*</span><b>Password : </b></td>
		<td valign="top" align="left">	<input name="mdp" type="password" /></td>
	</tr>
	<tr>
		<td align="right" valign="top"><b><br><br></b></td>
		<td valign="top" align="left">	</td>
	</tr>
	<tr>
		<td align="right" valign="top"><b></b></td>
		<td valign="top" align="left">	<input name="validate" value="validate" type="submit" /></td>
	</tr>
	<tr>
		<td></td>
	<td align="left" valign="top"><span style="font-size:80%; color:#ff0000;">*</span><span style="font-size:80%;"> denotes required field</span></td>
	</tr>
</table>
</div>
</form>
	</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>

**Halukard** · 06/06/2007, 09h56

autre lien si tu veux rester en php

http://danzcontrib2.free.fr/statistiques.php

**Candygirl** · 06/06/2007, 10h21

La première chose à faire est de revoir tes include de manière à ce que le code généré soit propre.

Dans ton code tu as une balise html qui s'ouvre et se ferme autour de ta partie de menu. Elle n'a rien à faire là. De même ton dernier div (ainsi qu'une ferneture de div) se trouve en dehors de ton html et body; il faut le remettre à sa juste place.

Tu peux passer tes pages au validateur pour t'aider à faire le ménage. Après, avec un code propre, on peut aborder les différences entre navigateurs

IE7, IE6 et firefox ARG !

CSS

Discussions similaires

Partager

Partager