Bonjour à tous,
Je post ici car je suis un petit peu désespéré...
Je vous explique mon problème.
J'ai du modifier une page HTML pour fractionner une cellule d'un tableau en 2 colonnes pour insérer texte et image. Seulement voilà, sous Dreamweaver la mise en page est parfaite, la page fonctionne correctement sous Chrome, Safari, mais est "décalée" sous Firefox (Voir screenshots plus bas)

Le site qui marche :


La page sous Firefox... :
Nom : 291768Image2.png
Affichages : 84
Taille : 240,8 Ko


Le code de la page (avec le CSS dans la page)

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Coupons Malins : Le Magazine</title>
<style type="text/css">
<!--
body {
        margin-top: 0px;
        background-image: url(images/mosa-fond.gif);
}
body,td,th {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #000000;
        font-weight: lighter;
        vertical-align: 0%;
        white-space: normal;
}
.style6 {
        font-size: 14px;
        font-weight: bold;
        color: #8F191C;
}
.style7 {
        font-size: 14px;
        font-weight: bold;
}
.style8 {
        color: #DE8027;
        font-size: 16px;
}
.style9 {color: #8F191C}
.style10 {color: #666666}
.style11 {font-size: 6px}
.style15 {font-size: 12px}
.style17 {font-size: 12px; font-weight: bold; }
.style18 {
        font-size: 16px;
        font-weight: bold;
}
.style19 {
        font-size: 14px;
        font-weight: bold;
}
.EspacePro {
        color: #0D0D0D;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
 
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
 
<body onload="MM_preloadImages('images/bh-tel.gif','images/bh-inf.gif','images/bh-hor.gif','images/bh-jeu.gif','images/bh-arc.gif','images/bh-fra.gif','images/bh-stu.gif','images/bh-con.gif','images/bh-cou.gif','images/bh-plans.png')">
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="350" height="120" align="center" valign="middle"><img src="images/anim-logo.gif" width="350" height="120" /></td>
    <td height="120" colspan="2" align="center" valign="middle"><img src="images/slogan.png" width="384" height="67" /></td>
  </tr>
  <tr>
    <td width="350" height="110" align="center" valign="middle"><img src="images/sous-logo.gif" width="350" height="110" /></td>
    <td width="460" height="110" align="center" valign="middle" background="images/mosa-haut.gif"><p class="style7"><span class="style10">Vous souhaitez développer<br />
      NOTRE magazine dans VOTRE ville ?<br />
      Devenez franchisé.</span><span class="style11"><br />  
      <br />  
    </span><span class="style8">Contactez-nous au <span class="style9">06 88 07 50 52</span></span></p>    </td>
    <td width="90" height="110" align="center" valign="middle"><img src="images/stars.png" width="90" height="110" /></td>
  </tr>
</table>
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="80"><a href="index.html"><img src="images/be-mag.gif" width="90" height="80" border="0" /></a><a href="programmes.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/bh-tel.gif',1)"><img src="images/bn-tel.gif" name="Image5" width="90" height="80" border="0" id="Image5" /></a><a href="coupons.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','images/bh-cou.gif',1)"><img src="images/bn-cou.gif" name="Image16" width="90" height="80" border="0" id="Image16" /></a><a href="people.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','images/bh-inf.gif',1)"><img src="images/bn-inf.gif" name="Image6" width="90" height="80" border="0" id="Image6" /></a><a href="horoscope.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','images/bh-hor.gif',1)"><img src="images/bn-hor.gif" name="Image8" width="90" height="80" border="0" id="Image8" /></a><a href="jeux.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','images/bh-jeu.gif',1)"><img src="images/bn-jeu.gif" name="Image9" width="90" height="80" border="0" id="Image9" /></a><a href="archives.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','images/bh-arc.gif',1)"><img src="images/bn-arc.gif" name="Image10" width="90" height="80" border="0" id="Image10" /></a><a href="franchises.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','images/bh-fra.gif',1)"><img src="images/bn-fra.gif" name="Image12" width="90" height="80" border="0" id="Image12" /></a><a href="studio.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','images/bh-stu.gif',1)"><img src="images/bn-stu.gif" name="Image13" width="90" height="80" border="0" id="Image13" /></a><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image14','','images/bh-con.gif',1)"><img src="images/bn-con.gif" name="Image14" width="90" height="80" border="0" id="Image14" /></a></td>
  </tr>
  <tr>
    <td height="40"><img src="images/bando-mag.gif" width="900" height="40" /></td>
  </tr>
</table>
<table width="900" border="0" align="center" cellpadding="15" cellspacing="0" bgcolor="#fffef8">
  <tr>
    <td width="290" colspan="2" align="left" valign="top"><span class="style6">Le concept  COUPONS MALINS :</span><br />
      <span class="style15"><br />
- Un mensuel entièrement GRATUIT<br />
- Livré dans votre boite aux lettres<br />
- 3 semaines de programmes télé</span></td>
    <td width="300" align="left" valign="top"><br />
      <span class="style15"><br />
      - Des infos culture, loisirs, people<br />
- Des bons plans shopping<br />
- Des réductions chez vos commerçants</span></td>
    <td align="center" valign="middle"><a href="http://shopping.tellmeplus.com/" target="_blank" onmouseover="MM_swapImage('Image18','','images/bh-plans.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/bn-plans.png" name="Image18" width="89" height="82" hspace="20" border="0" id="Image18" /></a></td>
  </tr>
  <tr>
    <td width="72" rowspan="2" align="center" valign="baseline"><p><a href="http://www.couponsmalins.fr/archives/couponsmalins023.pdf" target="_blank"><img src="images/couvcoupons-n023.jpg" width="125" height="185" border="0" /></a><br />
      <br />
    <a href="http://www.couponsmalins.fr/archives/couponsmalins023.pdf" target="_blank" class="style9"><strong>Téléchargez notre dernier numéro</strong></a></p>
    <p class="style19">&nbsp;</p>
    <p class="style19">&nbsp;</p>
    <p class="style19">&nbsp;</p>
    <p class="style19">Edition</p>
    <p class="style19">CERGY PONTOISE</span></p></td>
    <td width="72" rowspan="2" align="center"><p class="style19">Edition</p>
    <p class="style19">L'ISLE ADAM</p>
    <p class="style19">&nbsp;</p>
    <p class="style19">&nbsp;</p>
    <p class="style19">&nbsp;</p>
    <p><a href="http://www.couponsmalins.fr/archives/couponsmalinscp003.pdf" target="_blank"><img src="images/couvcouponscp-n003.jpg" width="125" height="184" border="0" /></a></p>
    <p><a href="http://www.couponsmalins.fr/archives/couponsmalinscp003.pdf" target="_blank" class="style9"><strong>Téléchargez notre dernier numéro</strong></a></p></td>
    <td colspan="2"><span class="style6">Coupons Malins : le New Magazine qui joint l'utile à l'agréable !<br />
    </span><span class="style15"><br />
    <span class="style18">100% Utile</span> avec 3 semaines de programmes TV, des infos locales, des infos People, des jeux, l'horoscope et un MAX de coupons de réduction chez nos commerçants partenaires.<br />
    <br />
Parceque le coût de la vie ne cesse d'augmenter,<br />
<strong>Coupons Malins</strong> vous apporte des solutions pour économiser et consommer Malin.<br />
<br />
<span class="style18">100% Agréable</span> car  distribué gratuitement en boîte aux lettres<br />
<br />
<span class="style18">Ne courez pas l'acheter, vous le reçevrez GRATUITEMENT !</span><br />
<br />
Avec <strong>Coupons Malins</strong> toutes les 3 semaines des réductions à portée de mains !<br />
Une seule consigne : <strong>Repérez ! Découpez ! Profitez !<br />
<br />
</strong><span class="style17">Alors tous à vos ciseaux !<br />
<br />
<br />
</span></span></td>
  </tr>
  <tr>
    <td colspan="2" align="left" valign="top"><a href="programmes.html"><img src="images/chaines-tv.gif" width="552" height="78" border="0" /></a></td>
  </tr>
</table>
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="35" align="center" valign="middle" background="images/mosa-bas.png"><a href="espacepro/assurance" target="_blank" class="EspacePro"><strong>Espace Pro</strong></a> - Conception et Réalisation : <a href="http://www.bibconcept.fr" target="_blank" class="style9"><strong>www.bibconcept.fr</strong></a> - Votre Graphiste à Lyon</td>
  </tr>
</table>
</body>
</html>
Si quelqu'un pourrait me venir à ma rescousse...!
Je vous remercie par avance.