Grand probleme de compatibilité entre Firefox et IE

**moonia** · 02/06/2006, 09h31

Coucou

J'ai un grand pb avec mon application web , j'ai développe un outil web sous Mozilla firefox , le plus normalement du monde et tt marchera merveille, mais en l'utilisant comme par hasard sou IE , tte l'interface a changer et elle est devenu affreuse

Comment faire pour arranger ça svpppppppppppppppppppppppp

**Kerod** · 02/06/2006, 09h33

Il reste plus qu'à adapter ta mise en forme à IE. Mais c'est déjà un bon début si c'est compatible avec FF

**moonia** · 02/06/2006, 09h37

Mais commenet faire , est ca qu'il y une norme que je doit ajouter a mon code pour qu'il puisse etre compatible sous IE comme sur Firefox sans le changer parce que ca va me demander bcps de boulot et je doit rendre mon application mardi , sachant que ttes mes pages php en ça ds leurs entête

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<html>
<head>
<title>ma 1ere application</title>
 
<link href="styles.css" rel="stylesheet" type="text/css">
</head>

aidez moi SVp

**Kerod** · 02/06/2006, 09h49

Là ca devient du css à ce moment. Il faudrait voir le code et le css, mais comme tu dis ca prend du temps donc il faudrait cibler ce qui pose problème (en voyant les déformations probables sous IE) et résoudre.

**moonia** · 02/06/2006, 09h52

mais comment je pourrai faire pour ça , j'ai essaye de changer dans ma CSS ,pour corriger le pb sous IE mais je me suis aperçue que le pb devient sous Fire fox !!!!!!!!!!

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
<!--
 
html,body {
background-color : white;
}
h4
{
font-family : verdana ;
color : #4169E1	;	
}
 
b
{
color : red;	
font-size : 110%;
}
b1
{
font-family : comic;
color :   	 	 	 	lightblue;	
 
}
label
{
font-family :arial ;
color : #4169E1	;	
}
 
i
{
font-family : verdana ;
color : #4169E1	;	
font-size : 70%;	
}
 
a
{
font-family : time new roman ;
color : black	;	
}
 
u 
{
font-family : Times new roman;
}
 
/********************************** liste deroulante************************************/
 
.Bouton, .Liste{               /** Aspect general du bouton et de la liste **/
cursor: pointer;
color: #000000;
border-width: px;
border-color: #DDEEFF;      /** Couleur de la bordure **/
background-color: #DDEEFF;  /** Couleur de fond du menu **/
width: 30px;
text-align: center;
padding: 0px;
}
 
.Bouton{                /** Style du bouton **/
/*float: left;*/          /** necessaire ? **/
border-style: outset;
}
 
.Liste{               /** Style de la liste **/
display: none;
position: absolute;
border-style: inset;
height: 80px;        /** Hauteur de la liste **/
overflow: auto;
}
 
.Item{               /** Style des elements de la liste **/
margin-left: 5px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
width: 85%;          /** 85% a cause de l'ascenseur du div "idListe" **/
}
 
.ItemOver{          /** Style des elements de la liste MouseOver **/
background-color: #4444FF;    /** Couleur du surlignage **/
}
 
img{
height: 20px;       /** homogeneite des images **/
width: 20px; 
}
.erreur {
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
}
.reussite {
	font-size: 14px;
	font-weight: bold;
	color: #669900;
}
.donnee {
	font-weight: bold;
	color:  #6495ED;
	font-size: 12px;
}
.titre {
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}
.tableaux {
	font-size: 10px;
	border: 1px dotted #000000;
	background-color: #eeeeee;
}
 
/**************************************onglett*********************************************/
 
 
  #menuhtc {color: #fff;}
#menuhtc a, #menuhtc a:visited, #menuhtc a:hover {
   text-decoration: none;
   color: #fff;
  }
#menuhtc ul { margin:0;padding:0; }
#menuhtc ul li {
   behavior:url('url_complete/menu.htc');
   background:#696969;
   position:relative;
   display:;
   padding:3px 26px;
   cursor:pointer;
  }
#menuhtc ul>li { display:table-cell; }
#menuhtc ul li:hover { background:  black	}
#menuhtc ul li ul {
   top:expression(this.parentNode.offsetHeight+"px");
   left:expression(0);
   border:solid 2px #000;
   position:absolute;
   visibility:hidden;
  }
#menuhtc ul li:hover ul { visibility:visible; z-index:200;}
#menuhtc ul li ul li { display:block;}
/**********************/
 
	//-->

Comment faire !!!!!!!!

**Kerod** · 02/06/2006, 10h00

Tu as pas précisé quelle partie posait problème...On a aucun apercu sans code html donc ce sera plutot dur de t'aider...

**moonia** · 02/06/2006, 10h04

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
<html>
<head>
<title> Mise en &oelig;uvre d'un projet</title>
<link href="styles.css" rel="stylesheet" type="text/css">	
 
</head>
 <BODY >
<br> <br> <br>
 
<table width="529" height="370" border="1" align="center" BGCOLOR="	#F0F8FF"  >
<tr>
 
   <th width="639" align="Center" >
      <div id="moi" align="center">
        <h2><MARQUEE behavior="scroll" align="center" direction="left" height="120" scrollamount="2" scrolldelay="1" onmouseover='this.stop()' onmouseout='this.start()'>
Mise en &oelig;uvre d'un projet Foad</MARQUEE></h2>
      </div>
   </th>
</tr>
<tr style ="background-image:url(img/eifad.jpeg)">
<td align ="center"  >
    <br><br>
 
   <h3> *&nbsp;&nbsp;&nbsp;&nbsp;<a href="connexion1.php"> Montage d'un  projet</a>&nbsp;&nbsp;&nbsp;&nbsp;* </h3>
 
    <h3>*&nbsp;&nbsp;&nbsp;&nbsp;<a href="connexion2.php"> Pilotage d'un projet &nbsp;&nbsp;&nbsp;* </h3>
 
 
<form name="page_form"  id= "hsides" >
     <br>  <br>  <br>  
 
 
 
</form>
</td>
 
 </tr>
</table>
 
</body>
 
 
</html>

par exemple sous firefox la couleur de ma table est un belu clair alors que sous IE c un bleu fonc pas tres beau
y aussi un pb de distante

**<romain/>** · 02/06/2006, 10h08

Bon j'ai une bonne nouvelle pour toi.

ON a tous le problème et le fait que ca marche sous firefox c'est tres bon signe. En fait IE interprete parfois le css a sa maniere, c'est ce qui explique toute ces differences.

Donc il y a plusieurs solution pour règler ton probleme :

=>la première c'est de refaire la partie qui pose probleme avec seulement les elements qui fonctionne de la "bonne" facon sous IE (par bonne j'entend conforme auux normes

)

=>la seconde c'est d'utilisé des hack css, c'est à dire des propriété qui agence d'une certaine facon ne seront lu que par IE ou bien que par tous les autres...

Donc remet bien tout en forme pour firefox mais garde sous la main ce que tu as changé pour que ca fonctionne sous IE (tu va t'en servir pour les hack inutile de chercher plusieurs fois comment resoudre le prob si tu l'as deja fait).

Pour finir si tu veux que l'on t'aide montre nous ton code (x)html et explique nous clairement ce qui ne vas pas...

**moonia** · 02/06/2006, 10h36

Envoyé par <romain/>

Bon j'ai une bonne nouvelle pour toi.

ON a tous le problème et le fait que ca marche sous firefox c'est tres bon signe. En fait IE interprete parfois le css a sa maniere, c'est ce qui explique toute ces differences.

Donc il y a plusieurs solution pour règler ton probleme :

=>la première c'est de refaire la partie qui pose probleme avec seulement les elements qui fonctionne de la "bonne" facon sous IE (par bonne j'entend conforme auux normes

)

=>la seconde c'est d'utilisé des hack css, c'est à dire des propriété qui agence d'une certaine facon ne seront lu que par IE ou bien que par tous les autres...

Donc remet bien tout en forme pour firefox mais garde sous la main ce que tu as changé pour que ca fonctionne sous IE (tu va t'en servir pour les hack inutile de chercher plusieurs fois comment resoudre le prob si tu l'as deja fait).

Pour finir si tu veux que l'on t'aide montre nous ton code (x)html et explique nous clairement ce qui ne vas pas...

j opte pour la 2eme solution ( mais entre nous je ne sais pas c koi mais je vais me documenenter

)
en tt cas je vous ai donner un exemple d une page.html si vous lutilisez sous IE et firfox vous allez voir 2 interface differt , celle sous Firefox est la bonne alors que sous IE elle est out

Grand probleme de compatibilité entre Firefox et IE

HTML

Discussions similaires

Partager

Partager