Probleme de compatibilité

**AlphonseBrown** · 01/09/2005, 21h43

Bonjour a tous, mon site marche bien sur internet explorer, mais sur mozilla il y a des probleme avec mes tableaux. Cela vient de ma feuille de style.

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
TABLE.CADRE {width:471px ; border-width:.1mm ; border-style:solid ; border-left-color:#000000 ; border-bottom-color:#000000 ; border-right-color:#E1F0FF ; border-top-color:#E1F0FF };
TD.LIGNEHAUTG {height:17px ; font-size:13px ; color:#FFFFFF ; font-family:Arial ; font-weight:bold};
TD.LIGNEHAUTGM {width:99px ; height:17px ; font-size:13px ; color:#FFFFFF ; font-family:Arial ; font-weight:bold};
TD.LIGNEHAUTD {width:26px}
TD.CELULEM {width:125px ; border:.1mm solid #000000 ; border-right-color:#000000 ; border-bottom-color:#E1F0FF ; border-left-color:#E1F0FF ; font-size:14px ; font-family:Arial};
TD.CELULE {width:471px ; border:.1mm solid #000000 ; border-right-color:#000000 ; border-bottom-color:#E1F0FF ; border-left-color:#E1F0FF ; font-size:14px ; font-family:Arial};
TABLE.COLONNEMENU {width:125px ; border-width:.1mm ; border-style:solid ; border-left-color:#000000 ; border-bottom-color:#000000 ; border-right-color:#E1F0FF ; border-top-color:#E1F0FF };
TABLE.COLONNE {border-style:solid ; border-width:.1mm ; border-color:#000000};
TABLE.COLO {border-style:solid ; border-width:thin ; border-color:#000000};
TR.COLO {border-style:solid ; border-width:thin ; border-color:#000000};
TD{font-size:13px ; font-family:Georgia, "Times New Roman", Times, serif ; text-align:left};
A.menulink2 {width:80% ; height:20;text-decoration: none;font-family:Arial;font-size:16px;color: black;BORDER: 1px dotted black};
A.menulink2:hover {border: solid 1px #CC0000;background-color:#FF9900;text-decoration: none};
A {font-family: Arial, Helvetica, sans-serif ;  text-decoration:none ; color:#000000 };
A:hover { border: solid 0px #FFFFFF; color:#0066FF ; text-decoration:underline};

Que faut il modifier pour que mon css soit valide sur mozilla?

merci d'avance

**spirou** · 01/09/2005, 22h03

Salut,

Trouver le problème sans avoir de html, cela risque d'être difficile, j'ai remarqué que tu mettais des ; en dehors de tes propriétés :

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
 
TABLE.CADRE {
	width: 471px;
	border-width: .1mm;
	border-style: solid;
	border-left-color: #000000;
	border-bottom-color: #000000;
	border-right-color: #E1F0FF;
	border-top-color: #E1F0FF
}
	;
TD.LIGNEHAUTG {
	height: 17px;
	font-size: 13px;
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold
}
	;
TD.LIGNEHAUTGM {
	width: 99px;
	height: 17px;
	font-size: 13px;
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold
}
	;
TD.LIGNEHAUTD {
	width: 26px
}
TD.CELULEM {
	width: 125px;
	border: .1mm solid #000000;
	border-right-color: #000000;
	border-bottom-color: #E1F0FF;
	border-left-color: #E1F0FF;
	font-size: 14px;
	font-family: Arial
}
	;
TD.CELULE {
	width: 471px;
	border: .1mm solid #000000;
	border-right-color: #000000;
	border-bottom-color: #E1F0FF;
	border-left-color: #E1F0FF;
	font-size: 14px;
	font-family: Arial
}
	;
TABLE.COLONNEMENU {
	width: 125px;
	border-width: .1mm;
	border-style: solid;
	border-left-color: #000000;
	border-bottom-color: #000000;
	border-right-color: #E1F0FF;
	border-top-color: #E1F0FF
}
	;
TABLE.COLONNE {
	border-style: solid;
	border-width: .1mm;
	border-color: #000000
}
	;
TABLE.COLO {
	border-style: solid;
	border-width: thin;
	border-color: #000000
}
	;
TR.COLO {
	border-style: solid;
	border-width: thin;
	border-color: #000000
}
	;
TD {
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left
}
	;
A.menulink2 {
	width: 80%;
	height: 20;
	text-decoration: none;
	font-family: Arial;
	font-size: 16px;
	color: black;
	BORDER: 1px dotted black
}
	;
A.menulink2:hover {
	border: solid 1px #CC0000;
	background-color: #FF9900;
	text-decoration: none
}
	;
A {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000
}
	;
A:hover {
	border: solid 0px #FFFFFF;
	color: #0066FF;
	text-decoration: underline
}
	;

Je ne sais pas si cela peut nuire au code, mais en tout cas, il faut les enlever.
Montre ton Html, ou fait un screenshot de ta page, pour que l'on puisse voir.

**neilbgr** · 01/09/2005, 22h05

IL faut commencer par valider le css par là : http://jigsaw.w3.org/css-validator/

Une fois d'équerre, on pourra voir.

Enfin, test plutot avec FireFox en premier, et avec IE (qui ne respecte pas grand chose des normes) ensuite.

**AlphonseBrown** · 01/09/2005, 22h12

merci , j'ai fait valider la feuille de style et c'est deja beaucoup mieux, je repasse demain en essayant de modifier le html pour qu'il soit propre

merci a vous deux

**neilbgr** · 01/09/2005, 22h13

De meme pour le HTML : http://validator.w3.org/

**AlphonseBrown** · 02/09/2005, 13h03

oula ya plein d'erreur, dommage c'est en anglais je ne comprends pas tout ce qu'il faut modifier

**Perceval** · 02/09/2005, 14h05

Pourtant, les messages d'erreur sont assez explicites... même si ils sont en anglais.

C'est généralement à base :
- "Vous avez oublié de fermer telle balise"
- "Il manque un attribut à telle autre balise"
- "Des propriété spécifiques à IE"
- etc....

**ilood** · 02/09/2005, 14h09

Et il faudrait savoir quelle page tu valides, avec quel doctype etc.
Sans page on ne peux pas te donner beaucoup d'informations.

**AlphonseBrown** · 03/09/2005, 12h23

je valide avec ce doc type:

Code :

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

1
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

**ilood** · 03/09/2005, 12h51

Et l'url de la page à valider c'est quoi ?

**AlphonseBrown** · 03/09/2005, 19h56

www.planetepc.net/index.php pardon

**AlphonseBrown** · 03/09/2005, 19h56

je l'ai fait mais les bugs d'affichage sont bizarre, il se font aléatoirement, soit cela affiche bien , soit cela affiche mal

**AlphonseBrown** · 12/09/2005, 17h14

un petit up, regardez les colonnes du menu de gauche, un coup la ligne du bas s'affiche, un coup non et pourtant c'est le même code php qui genere les petits tableaux

merci d'avance

Probleme de compatibilité

HTML

Discussions similaires

Partager

Partager