[HTML] Affichage et Mozilla help !

Salut tout le monde,

J'ai constaté que l'affichage de mon site sur Mozilla n'est pas joli il n'est pas le même que celui de d'IE qui lui est parfait. Sur Mozilla les tableaux son plus grand du coup il empiète sur le menu qui est plus étroit. Il y a même un tableau qui à changer de taille il est plus petit.

Pourquoi cette différence ?

Que dois-je faire pour que celui de Mozilla ressemble comme 2 gouttes d'eau à celui d'IE ?

Mes pages sont en HTML et je travail avec FrontPage.

Aidez-moi

un petit extrait de code serait simpa ...

Oui bien sûr désolée.

Vla

Code:

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
<html>
 
<head>
<meta http-equiv="Content-Language" content="fr">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Le menu</title>
 
<STYLE TYPE=text/css>
A.menulink {
width: 150px;
text-decoration: none;
font-family:Arial;
font-size:12px;
color: #000000;
BORDER: none;
border: solid 1px #F8AF07;
}
 
A.menulink:hover {
border: solid 1px #F8AF07;
background-color:#FBCF6A;
}
</STYLE>
 
<style fprolloverstyle>A:hover {color: red; font-weight: bold}
</style>
<script langage="Javascript">
<!--
var ff=null;
 
function petitefenetre(fichier,pop,w,h) {
ff=window.open(fichier,pop,"width="+w+",height="+h+",left=80,top=150, directories=no,scrollbars=no,resizable=no,menubar=no,status=no,titlebar=no,personalbar=no,toolbar=no,location=no")
if (ff) {
if(ff.opener == top) {ff.opener.name="base"}
}
}
 
 
//-->
</script>
<!-- Début Couleur des scroll-->
<style TYPE="text/css">
BODY {
scrollbar-face-color: #694106; 
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000; 
scrollbar-darkshadow-color: #000000; 
scrollbar-track-color: #FBCF6A; 
scrollbar-arrow-color: #000000;
}
</style>
<!-- Fin Couleur des scroll-->
 
</head>
 
<body bgproperties="fixed" bgcolor="#000000">
 
<div align="center">
<center>
<table border="4" cellpadding="0" cellspacing="0" style="border-width: 0" width="100%" dir="ltr" id="AutoNumber2" bordercolorlight="#C0C0C0" bordercolordark="#C0C0C0" height="197">
<tr>
<td width="100%" style="border-style: none; border-width: medium" height="195">
<p align="center">
<img border="0" src="baniere_sommaire1.jpg" width="978" height="198"></td>
</tr>
</table>
</center>
</div>
<div align="center">
<center>
<table border="4" cellspacing="4" width="100" dir="ltr" id="AutoNumber4" cellpadding="4" style="border-width: 0">
<tr>
<td width="17%" style="border-style: none; border-width: medium" rowspan="2" valign="top">
<p align="right">
<img border="0" src="mec_temp1_01a.jpg" width="135" height="59"></td>
<td width="17%" style="border-style: none; border-width: medium" bgcolor="#694106">
&nbsp;</td>
<td width="17%" valign="top" style="border-style: none; border-width: medium" bgcolor="#694106">
&nbsp;</td>
<td width="17%" valign="top" style="border-style: none; border-width: medium" bgcolor="#694106">
&nbsp;</td>
<td width="16%" valign="top" style="border-style: none; border-width: medium" bgcolor="#694106">
&nbsp;</td>
<td width="16%" style="border-style: none; border-width: medium" rowspan="2" valign="top">
<img border="0" src="mec_temp1_05a.jpg" width="136" height="59"></td>
</tr>
<tr>
<td width="67%" style="border-style: none; border-width: medium" colspan="4">
<img border="0" src="mec_temp1_06a1.jpg" width="164" height="45"><img border="0" src="mec_temp1_07.jpg" width="167" height="45"><img border="0" src="mec_temp1_13.jpg" width="167" height="45"><img border="0" src="mec_temp1_14a.jpg" width="148" height="45"></td>
</tr>
</table>
</center>
</div>
 
<div align="center">
<center>
<table border="4" cellspacing="1" width="661" dir="ltr" id="AutoNumber5" style="border-width: 0" height="400">
<tr>
<td align="center" style="border-style: none; border-width: medium" width="654" height="310" valign="top">
<p align="left"><object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
id="les_invites_page"
width="652" height="391"
>
<param name="movie" value="les_invites_page.swf">
<param name="bgcolor" value="#FFFFFF">
<param name="quality" value="high">
<param name="allowscriptaccess" value="samedomain">
<embed
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
name="les_invites_page"
width="652" height="391"
src="les_invites_page.swf"
bgcolor="#FFFFFF"
quality="high"
allowscriptaccess="samedomain"
>
<noembed>
</noembed>
</embed></object>
 
</td>
</tr>
</table>
</center>
</div>
 
</body>
 
</html>

Ton problème vient du fait que la <table> contenant les 4 images (qui je pense correspondent à des menus) est définit a width="100" alors que la première image fais width="135" (sans compter la largeur des autres)... Forcement, bug...

Passe la <table> en width="1000", et ça rentre dans l'ordre (a toi de voir si besoin d'ajuster, mais déjà le menu se replace correctement).

Merciiiiiiiiiiiiiiiiiiiiiiiiiii HiRoN j'ai fait comme tu m'a dit et ça marche t'es un expert.

C'est trop cool !

Maintenant je vais faire la mm chose pour les autres cadres mais si je fais du surplace je reviendrais vers toi.

A+ Cynthia

L'interprétation des balises XHTML peut différer selon les navigateurs, à toi d'enlever les padding et les margin par défaut.

De rien. :D
Pense à passer le post en résolu... ;)