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...

Grand probleme de compatibilité entre Firefox et IE

HTML

Vue hybride

Discussions similaires

Partager

Partager