Tableau décalé sous Firefox

Résolu/Fermé
emmason Messages postés 2 Date d'inscription jeudi 30 juillet 2009 Statut Membre Dernière intervention 30 juillet 2009 - 30 juil. 2009 à 16:21
emmason Messages postés 2 Date d'inscription jeudi 30 juillet 2009 Statut Membre Dernière intervention 30 juillet 2009 - 30 juil. 2009 à 23:04
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. EmmaSon
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[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://fpdownload2.macromedia.com/get/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="https://get.adobe.com/flashplayer/" 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="https://www.aquitaweb.com/" target="_blank"><strong>Aquitaine.web</strong></a> </font></div></td>
<td width="121" height="35"> <div align="center"><a href="https://www.digital-impulse.be"><font color="#C0C0C0"><strong><font size="3">Brioude Référencement</font> </strong> </font></a></div></td>
<td width="121" height="35"> <strong><em><font color="#C0C0C0"><a href="https://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="https://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"> </td>
<td width="121" height="35"> </td>
<td width="121" height="35"> </td>
<td width="121" height="35"> </td>
<td width="121" height="35"> </td>
</tr>
</table>
</center>
</body>
</html>
A voir également:

1 réponse

M@dien Messages postés 437 Date d'inscription mercredi 29 juillet 2009 Statut Membre Dernière intervention 23 septembre 2010 74
30 juil. 2009 à 16:32
bonjour,

essaye en changeant ça:
	<div align="center">
	<table width="850" height="40" border="0" align="center">
	<tbody>
	<tr>
	<td width="850" align="left" valign="middle"><div id="Layer1" style="position:relative; width:0px; height:0px; z-index:1; left: 0px; top: 0px;">
0
emmason Messages postés 2 Date d'inscription jeudi 30 juillet 2009 Statut Membre Dernière intervention 30 juillet 2009
30 juil. 2009 à 23:04
Bonsoir. Merci beaucoup. Je viens de faire la correction et miracle cela marche. Il ne fallait pas grand chose. Juste quelqu'un qui sait. Encore merci. Bonne soirée. Emmason
0