tableau pas centré sous firefox

Nouveau WRInaute
Bonjour. Je rencontre un problème de centrage d'un tableau sur des pages de mon site Web avec firefox. Avec IE, tout est OK, mais sous Firefox un de mes tableaux est décalé complément à droite. C'est mon tableau de menu. Dans ce tableau, il y a des calques ou figurent une image de fond et des images survolées pour le menu. J'ai essayé plusieurs codes, mais rien ne change. Pourriez-vous m"apporter votre aide. Merci beaucoup. Emma
PS: Voici le code complet de ma page d'accueil. Le tableau qui me pose problème se trouve de la ligne 74 à 95.

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META NAME="Title" CONTENT="street rider">
<META NAME="Author" CONTENT="Emma Segura">
<META NAME="Copyright" CONTENT="Emma SEGURA">
<META NAME="Keywords" CONTENT="street rider,import,custom,jantes,auto,air ride,quads,lambo doors,suicide doors,suspensions,wheels,diablo,mozwheels,gianna,valente,gitano,cahors,lot,vct,lexani,volant chrome,monster race,race,customing,france">
<META NAME="Description" CONTENT="import piéces automobile custom">
<META NAME="Abstract" CONTENT="street rider,import,custom,jantes,auto,air ride,quads,lambo doors,suicide doors,suspensions,wheels,diablo,mozwheels,gianna,valente,gitano,cahors,lot,vct,lexani,volant chrome,monster race,race,customing,france">
<META NAME="Language" CONTENT="French">
<META NAME="robots" CONTENT="index,follow" >
<title>accueil Street rider</title>
<script language="JavaScript" type="text/JavaScript">
<!--
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
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.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
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[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.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))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body bgcolor="#000000" text="#CCCCCC" link="#CCCCCC" vlink="#666666" alink="#CCCCCC" onLoad="MM_preloadImages('image/texte/accueil2.gif','image/texte/presentation2.gif','image/texte/catalogue2.gif','image/texte/reportage2.gif','image/texte/contact2.gif')">
<div align="center"><font color="#FFFFFF"></font>
<table width="900" height="210" border=0 align=center>
<tbody>
<tr>
<td width="900" height="210" align="center" valign="middle">
<div align="center"></div>
<div align=center>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="900" height="210" align="absmiddle">
<param name="movie" value="boutons/banniere1.swf">
<param name="quality" value="high">
<embed src="boutons/banniere1.swf" width="900" height="210" align="absmiddle" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object>
</div>
</td>
</tr>
</tbody>
</table>
<br>
LIGNE 74. <div align="center">
<tbody>
<table width="850" height="40" border="0" align="center">
<tr>
<td width="850" align="center" valign="middle"><div id="Layer1" style="position:relative; width:0px; height:0px; z-index:1; left: 0px; top: 0px;">
<div id="Layer6" style="position:absolute; width:110px; height:30px; z-index:5; left: 294px; top: 4px;"><a href="catalogue.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('catalogue1','','image/texte/catalogue2.gif',1)"><img src="image/texte/catalogue1.gif" name="catalogue1" width="110" height="30" border="0" align="absmiddle" id="catalogue1"></a></div>
<div id="Layer5" style="position:absolute; width:25px; height:30px; z-index:4; left: 267px; top: 4px;"><font color="#FFFFFF" size="+2" face="Arial, Helvetica, sans-serif">I</font></div>
<div id="Layer4" style="position:absolute; width:110px; height:30px; z-index:3; left: 155px; top: 4px;"><a href="presentation.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('presentation1','','image/texte/presentation2.gif',1)"><img src="image/texte/presentation1.gif" name="presentation1" width="110" height="30" border="0" align="absmiddle" id="presentation1"></a></div>
<div id="Layer3" style="position:absolute; width:35px; height:30px; z-index:2; left: 120px; top: 4px;"><font color="#FFFFFF" size="+2" face="Arial, Helvetica, sans-serif">I</font></div>
<div id="Layer2" style="position:absolute; width:110px; height:30px; z-index:1; left: 7px; top: 4px;"><a href="accueil.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('acceuil1','','image/texte/accueil2.gif',1)"><img src="image/texte/accueil1.gif" name="acceuil1" width="110" height="30" border="0" align="absmiddle" id="acceuil1"></a></div>
<div id="Layer7" style="position:absolute; width:35px; height:30px; z-index:6; left: 405px; top: 4px;"><font color="#FFFFFF" size="+2" face="Arial, Helvetica, sans-serif">I</font></div>
<div id="Layer8" style="position:absolute; width:110px; height:30px; z-index:7; left: 439px; top: 4px;"><a href="news.htm"><img src="image/texte/News1.gif" name="news1" width="110" height="30" border="0" align="absmiddle" id="news1"></a></div>
<div id="Layer9" style="position:absolute; width:35px; height:30px; z-index:8; left: 550px; top: 4px;"><font color="#FFFFFF" size="+2" face="Arial, Helvetica, sans-serif">I</font></div>
<div id="Layer10" style="position:absolute; width:110px; height:30px; z-index:9; left: 586px; top: 4px;"><a href="gallerie.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('reportagegalerie1','','image/texte/reportage2.gif',1)"><img src="image/texte/reportage1.gif" name="reportagegalerie1" width="110" height="30" border="0" align="absmiddle" id="reportagegalerie1"></a></div>
<div id="Layer11" style="position:absolute; width:35px; height:30px; z-index:10; left: 696px; top: 4px;"><font color="#FFFFFF" size="+2" face="Arial, Helvetica, sans-serif">I</font></div>
<div id="Layer12" style="position:absolute; width:110px; height:30px; z-index:11; left: 733px; top: 4px;"><a href="contact.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contact1','','image/texte/contact2.gif',1)"><img src="image/texte/contact1.gif" name="contact1" width="110" height="30" border="0" align="absmiddle" id="contact1"></a></div>
<img src="boutons/barre.menu.gif" width="850" height="35"></div>
</td>
</tr>
</table>
</tbody>
</div> LIGNE 95.
<br>
<center>
<table width="850" height="520" border="1">
<tr>
<td width="850" height="520" align="center" valign="top"><div align="center"><img src="image/photosaccueil/voitureaccueil.gif" width="850" height="520" align="absmiddle">
</td>
</tr>
</table>
</center>
<blink></blink>
<center>
</center>

<center>
<hr align="center" WIDTH="850">
<center>
<strong><font color="#C0C0C0" size="5">IMPORT PIECES USA</font></strong> <font size="5"><br>
</font>
<font color="#C0C0C0" size="4"><strong>Jantes alu - Lambo doors - Suicide doors - Quads - Volants Chrome - Air ride</strong></font>
</center>

<hr align="center" WIDTH="850">
</center>
<center>
<table width="850" border="0" align="center">
<tr align="center" valign="middle">
<td width="121" height="35"> <div align="center"><font color="#C0C0C0" size="3"><a href="http://www.aquitaweb.com" target="_blank"><strong>Aquitaine.web</strong></a> </font></div></td>
<td width="121" height="35"> <div align="center"><a href="http://www.brioude-referencement.com"><font color="#C0C0C0"><strong><font size="3">Brioude R&eacute;f&eacute;rencement</font> </strong> </font></a></div></td>
<td width="121" height="35"> <strong><em><font color="#C0C0C0"><a href="http://www.glaneur.fr" target="_blank"><img src="image/logolien/glaneur.gif" width="120" height="35" border="0" align="absmiddle"><br>
</a></font></em></strong> </td>
<td width="121" height="35"> <div align="center"><font color="#C0C0C0" size="3"><a href="http://open.thumbshots.org/image.pxf?url=http://www.streetrider.fr" target="_blank"><strong>Open.thumbshots</strong></a> </font></div></td>
<td width="121" height="35"> <div align="center"><font color="#C0C0C0" size="3"><a href="http://www.moteur2recherche.fr%20" target="_blank"><strong><img src="image/logolien/m2r.gif" width="120" height="35" border="0" align="absmiddle"><br>
</strong></a></font></div></td>
<td width="121" height="35"><div align="center"><font color="#C0C0C0" size="3"><a href="http://www.automobile-sportive.com" target="_blank"><strong>l'automobile sportive</strong></a> </font></div></td>
<td width="121" height="35"><a href="http://www.aquadesignfish.com/vente-accessoires-tuning,159.htm"><img src="image/logolien/vote2.gif" width="120" height="35" border="0" align="absmiddle"></a> </td>
</tr>
<tr align="center" valign="middle">
<td width="121" height="35"><a href="http://www.best-web.fr" target="_blank"><img src="image/logolien/meilleurduweb.gif" width="120" height="31" border="0"></a></td>
<td width="121" height="35"><a href="http://www.annuaire-du-net.net/Automobiles-111.html"><img src="image/logolien/annuairedunet.gif" width="120" height="26" border="0" align="absmiddle"></a></td>
<td width="121" height="35">&nbsp;</td>
<td width="121" height="35">&nbsp;</td>
<td width="121" height="35">&nbsp;</td>
<td width="121" height="35">&nbsp;</td>
<td width="121" height="35">&nbsp;</td>
</tr>
</table>
</center>
</body>
</html>
 
WRInaute accro
Pour centrer un bloc c'est pas align="center" mais style="margin:0 auto;" (Edit: en ayant défini une largeur)

PS: les tables c'est pour des données tabulaires
 
Nouveau WRInaute
Merci pour vos réponses. J'ai résolu mon probléme. La solution m'a été donné dans un autre forum dans un autre site.En fait il y avait juste à remplacer:
<div align="center">
<tbody>
<table width="850" height="40" border="0" align="center">
<tr>
<td width="850" align="center" valign="middle">
PAR:
<div align="center">
<table width="850" height="40" border="0" align="center">
<tbody>
<tr>
<td width="850" align="left" valign="middle">
Et là ça marche avec tous les navigateurs.
Emmason
 
WRInaute passionné
centré sous Chrome, ie7 et 8 , et centré sur fire fox 3x
Respects ,
Ton html est bien mal fait ....
42 Errors, 1 warning(s) sur les normes w3c en html 4.0 transitional



Code:
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META NAME="Title" CONTENT="street rider">
<META NAME="Author" CONTENT="Emma Segura">
<META NAME="Copyright" CONTENT="Emma SEGURA">
<META NAME="Keywords" CONTENT="street rider,import,custom,jantes,auto,air ride,quads,lambo doors,suicide doors,suspensions,wheels,diablo,mozwheels,gianna,valente,gitano,cahors,lot,vct,lexani,volant chrome,monster race,race,customing,france">
<META NAME="Description" CONTENT="import piéces automobile custom">
<META NAME="Abstract" CONTENT="street rider,import,custom,jantes,auto,air ride,quads,lambo doors,suicide doors,suspensions,wheels,diablo,mozwheels,gianna,valente,gitano,cahors,lot,vct,lexani,volant chrome,monster race,race,customing,france">
<META NAME="Language" CONTENT="French">
<META NAME="robots" CONTENT="index,follow" >
<title>accueil Street rider</title>
<script language="JavaScript" type="text/JavaScript">
<!--
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
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_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_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 bgcolor="#000000" text="#CCCCCC" link="#CCCCCC" vlink="#666666" alink="#CCCCCC" onLoad="MM_preloadImages('image/texte/accueil2.gif','image/texte/presentation2.gif','image/texte/catalogue2.gif','image/texte/reportage2.gif','image/texte/contact2.gif')">
<div align="center"><font color="#FFFFFF"></font>
<table width="900" height="210" border=0 align=center>
<tbody> 
<tr> 
<td width="900" height="210" align="center" valign="middle"> 
<div align="center"></div> 
<div align=center>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="900" height="210" align="absmiddle">
<param name="movie" value="boutons/banniere1.swf">
<param name="quality" value="high">
<embed src="boutons/banniere1.swf" width="900" height="210" align="absmiddle" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object>
</div> 
</td>
</tr>
</tbody> 
</table>
<br>
LIGNE 74. <div align="center">
<tbody>
<table width="850" height="40" border="0" align="center">
<tr>
<td width="850" align="center" valign="middle"><div id="Layer1" style="position:relative;">
<div id="Layer6" style="position:absolute; width:110px; height:30px; z-index:5; left: 294px; top: 4px;"><a href="catalogue.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('catalogue1','','image/texte/catalogue2.gif',1)"><img src="image/texte/catalogue1.gif" name="catalogue1" width="110" height="30" border="0" align="absmiddle" id="catalogue1"></a></div>
<div id="Layer5" style="position:absolute; width:25px; height:30px; z-index:4; left: 267px; top: 4px;"><font color="#FFFFFF" size="+2" face="Arial, Helvetica, sans-serif">I</font></div>
<div id="Layer4" style="position:absolute; width:110px; height:30px; z-index:3; left: 155px; top: 4px;"><a href="presentation.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('presentation1','','image/texte/presentation2.gif',1)"><img src="image/texte/presentation1.gif" name="presentation1" width="110" height="30" border="0" align="absmiddle" id="presentation1"></a></div>
<div id="Layer3" style="position:absolute; width:35px; height:30px; z-index:2; left: 120px; top: 4px;"><font color="#FFFFFF" size="+2" face="Arial, Helvetica, sans-serif">I</font></div>
<div id="Layer2" style="position:absolute; width:110px; height:30px; z-index:1; left: 7px; top: 4px;"><a href="accueil.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('acceuil1','','image/texte/accueil2.gif',1)"><img src="image/texte/accueil1.gif" name="acceuil1" width="110" height="30" border="0" align="absmiddle" id="acceuil1"></a></div>
<div id="Layer7" style="position:absolute; width:35px; height:30px; z-index:6; left: 405px; top: 4px;"><font color="#FFFFFF" size="+2" face="Arial, Helvetica, sans-serif">I</font></div>
<div id="Layer8" style="position:absolute; width:110px; height:30px; z-index:7; left: 439px; top: 4px;"><a href="news.htm"><img src="image/texte/News1.gif" name="news1" width="110" height="30" border="0" align="absmiddle" id="news1"></a></div>
<div id="Layer9" style="position:absolute; width:35px; height:30px; z-index:8; left: 550px; top: 4px;"><font color="#FFFFFF" size="+2" face="Arial, Helvetica, sans-serif">I</font></div>
<div id="Layer10" style="position:absolute; width:110px; height:30px; z-index:9; left: 586px; top: 4px;"><a href="gallerie.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('reportagegalerie1','','image/texte/reportage2.gif',1)"><img src="image/texte/reportage1.gif" name="reportagegalerie1" width="110" height="30" border="0" align="absmiddle" id="reportagegalerie1"></a></div>
<div id="Layer11" style="position:absolute; width:35px; height:30px; z-index:10; left: 696px; top: 4px;"><font color="#FFFFFF" size="+2" face="Arial, Helvetica, sans-serif">I</font></div>
<div id="Layer12" style="position:absolute; width:110px; height:30px; z-index:11; left: 733px; top: 4px;"><a href="contact.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contact1','','image/texte/contact2.gif',1)"><img src="image/texte/contact1.gif" name="contact1" width="110" height="30" border="0" align="absmiddle" id="contact1"></a></div>
<img src="boutons/barre.menu.gif" width="850" height="35"></div>
</td>
</tr>
</table>
</tbody>
</div> LIGNE 95.
<br>
<center>
<table width="850" height="520" border="1">
<tr>
<td width="850" height="520" align="center" valign="top"><div align="center"><img src="image/photosaccueil/voitureaccueil.gif" width="850" height="520" align="absmiddle"> 
</td>
</tr>
</table>
</center>
<blink></blink>
<center>
</center>

<center>
<hr align="center" WIDTH="850">
<center>
<strong><font color="#C0C0C0" size="5">IMPORT PIECES USA</font></strong> <font size="5"><br>
</font>
<font color="#C0C0C0" size="4"><strong>Jantes alu - Lambo doors - Suicide doors - Quads - Volants Chrome - Air ride</strong></font>
</center>

<hr align="center" WIDTH="850">
</center>
<center>
<table width="850" border="0" align="center">
<tr align="center" valign="middle">
<td width="121" height="35"> <div align="center"><font color="#C0C0C0" size="3"><a href="http://www.aquitaweb.com" target="_blank"><strong>Aquitaine.web</strong></a> </font></div></td>
<td width="121" height="35"> <div align="center"><a href="http://www.brioude-referencement.com"><font color="#C0C0C0"><strong><font size="3">Brioude R&eacute;f&eacute;rencement</font> </strong> </font></a></div></td>
<td width="121" height="35"> <strong><em><font color="#C0C0C0"><a href="http://www.glaneur.fr" target="_blank"><img src="image/logolien/glaneur.gif" width="120" height="35" border="0" align="absmiddle"><br>
</a></font></em></strong> </td>
<td width="121" height="35"> <div align="center"><font color="#C0C0C0" size="3"><a href="http://open.thumbshots.org/image.pxf?url=http://www.streetrider.fr" target="_blank"><strong>Open.thumbshots</strong></a> </font></div></td>
<td width="121" height="35"> <div align="center"><font color="#C0C0C0" size="3"><a href="http://www.moteur2recherche.fr%20" target="_blank"><strong><img src="image/logolien/m2r.gif" width="120" height="35" border="0" align="absmiddle"><br>
</strong></a></font></div></td>
<td width="121" height="35"><div align="center"><font color="#C0C0C0" size="3"><a href="http://www.automobile-sportive.com" target="_blank"><strong>l'automobile sportive</strong></a> </font></div></td>
<td width="121" height="35"><a href="http://www.aquadesignfish.com/vente-accessoires-tuning,159.htm"><img src="image/logolien/vote2.gif" width="120" height="35" border="0" align="absmiddle"></a> </td>
</tr>
<tr align="center" valign="middle">
<td width="121" height="35"><a href="http://www.best-web.fr" target="_blank"><img src="image/logolien/meilleurduweb.gif" width="120" height="31" border="0"></a></td>
<td width="121" height="35"><a href="http://www.annuaire-du-net.net/Automobiles-111.html"><img src="image/logolien/annuairedunet.gif" width="120" height="26" border="0" align="absmiddle"></a></td>
<td width="121" height="35">&nbsp;</td>
<td width="121" height="35">&nbsp;</td>
<td width="121" height="35">&nbsp;</td>
<td width="121" height="35">&nbsp;</td>
<td width="121" height="35">&nbsp;</td>
</tr>
</table>
</center>
</body>
</html>
 

➡️ Offre MyRankingMetrics ⬅️

pré-audit SEO gratuit avec RM Tech (+ avis d'expert)
coaching offert aux clients (avec Olivier Duffez ou Fabien Faceries)

Voir les détails ici

coaching SEO
Discussions similaires
Haut