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>
Afficher la suite
30 juil. 2009 à 23:04