Problème menu et style entre IE et FF

pegasus360 -  
Bonjour,
J'ai un menu sur ma page. Si je le laisse par défaut, il est OK dans FF, mais pas dans IE.
Je l'ai don modifié et l'affichage est OK dans IE (80% des visites), mais plus sous FF (10% des visites).
De plus, le style n'est pas reconnu avec FF

Voici le lien vers le site : http://test.jldpassion.com/harley_modeles_sportster_01.php
Il s'agit d'une page de test ;-)

Voici le code :

<head>

<TITLE>JLD Passion - Locations Harley-Davidson</TITLE>

<script language="JavaScript" fptype="dynamicanimation">

<!--

function clickSwapImg() {}

function dynAnimation() {}

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_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_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_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_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];}
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}

//-->

</script>

<link href="styles/harley.css" rel="stylesheet" type="text/css">
<link href="styles/textes.css" rel="stylesheet" type="text/css">

</head>

<BODY leftmargin=0 topmargin=0 rightmargin=0 marginwidth=0 marginheight=0>

<table width=100% height=100 align=center valign=top border=0 cellspacing=0 cellpadding=0>
<tr>
<td width=*>
<table width=100% border=0 cellspacing="0" cellpadding="0">
<tr><td height=52 bgcolor="#000000"> </td></tr>
<tr><td height=1 bgcolor="#FFFFFF"></td></tr>
<tr><td height=49 ></td></tr>
</table>
</td>

<td width=980 align=center>
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td bgcolor="#000000" width=250 height=52 align=center valign=bottom><img src="index/logo/jld_haut_noir.gif" alt="La référence des essais GT en Midi-Pyrénées"></td>
<td bgcolor="#000000" width=24></td>
<td bgcolor="#000000" width=706 valign=middle>
<table border=0 cellspacing=0 cellpadding=0 width=100%>
<tr>
<td valign=middle>
<table border=0 cellspacing=0 cellpadding=0 width=100% align=left>
<tr>
<td>
<a href="javascript:window.external.addfavorite('http://www.jldpassion.com', 'JLD Passion - Bapteme en Ferrari & Viper')" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Favoris','','index/bouton/favoris_ajout_noir.gif',1)">
<img src="index/bouton/favoris_noir.gif" alt="Ajouter le site de JLD Passion à mes favoris" name="Favoris" border="0"></a>
</td>
</tr>
</table>
</td>
<td>
<img src="index/logo/jldpassion_noir.gif" align=right border=0>
</td>
</tr>
</table>
</td>
</tr>

<tr>
<td bgcolor="#FFFFFF" height=1 align=center><img src="index/logo/jld_centre.jpg"></td>
<td colspan=2 bgcolor="#FFFFFF"></td>
</tr>

<tr>
<td height=49 align=center valign=top>
<img src="index/logo/jld_bas_orange.gif" alt="La référence des essais GT en Midi-Pyrénées">
</td>
<td></td>
<td valign=middle>
<table border=0 cellspacing=2 cellpadding=0>
<tr>
<td align=center>
<a href=index.php target="_parent">
<img src=index/bouton/harley_normal/accueil_14.gif name=A0 border=0 alt="Retour à la page d'accueil"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('A0','','index/bouton/harley_survol/accueil_14.gif',1)"
>
</a>
</td>

<td align=center>
<a href=harley_presentation.php target="_parent">
<img src=index/bouton/harley_normal/presentation_14.gif name=B0 border=0 alt="Présentation"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('B0','','index/bouton/harley_survol/presentation_14.gif',1)"
>
</a>
</td>

<td align=center>
<img src="index/bouton/harley_normal/modeles_14.gif" name=C0 border="0" alt="Découvrez nos modèles"
onMouseOver="MM_showHideLayers('Calque_Modeles','','show')"
onMouseOut="MM_showHideLayers('Calque_Modeles','','hide')"
onload="MM_showHideLayers('Calque_Modeles','','hide')"
>
<div id="Calque_Modeles"
style="position:relative;
width:140px; height:90px;
left: 0px; margin-top: -105px; top: 102px;
z-index:1;
background-color: #333333; layer-background-color: #FFFFFF; border: 1px #000000;"
>
<table cellspacing=0 cellpadding=0 border=0
onMouseOver="MM_showHideLayers('Calque_Modeles','','show')"
onMouseOut="MM_showHideLayers('Calque_Modeles','','hide')"
onload="MM_showHideLayers('Calque_Modeles','','hide')"
>
<tr><td><img src=index/bouton/harley_normal/vide.gif></td></tr>

<tr>
<td>
<a href="harley_modeles_sportster_01.php">
<img src=index/bouton/harley_normal/sportster_11.gif name="C1" border=0 alt="Harley-Davidson Sportster XL 1200 R"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('C1','','index/bouton/harley_survol/sportster_11.gif',1)"
>
</a>
</td>
</tr>

<tr>
<td>
<a href="harley_modeles_streetbob_01.php">
<img src=index/bouton/harley_normal/streetbob_11.gif name="C2" border=0 alt="Harley-Davidson Dyna Street Bob 1584 Twin Cam"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('C2','','index/bouton/harley_survol/streetbob_11.gif',1)"
>
</a>
</td>
</tr>

<tr>
<td>
<a href="harley_modeles_streetglide_01.php">
<img src=index/bouton/harley_normal/streetglide_11.gif name="C3" border=0 alt="Harley-Davidson Dyna Street Glide 1584 Twin Cam"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('C3','','index/bouton/harley_survol/streetglide_11.gif',1)"
>
</a>
</td>
</tr>

<tr>
<td>
<a href="harley_modeles_softail_01.php">
<img src=index/bouton/harley_normal/softail_11.gif name="C4" border=0 alt="Harley-Davidson Softail Heritage 1450 Twin Cam"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('C4','','index/bouton/harley_survol/softail_11.gif',1)"
>
</a>
</td>
</tr>

</table>
</div>
</td>

<td align=center>
<img src="index/bouton/harley_normal/tarifs_reservation_14.gif" name=D0 border="0" alt="Consultez nos tarifs & réservez votre location"
onMouseOver="MM_showHideLayers('Calque_Tarifs','','show')"
onMouseOut="MM_showHideLayers('Calque_Tarifs','','hide')"
onload="MM_showHideLayers('Calque_Tarifs','','hide')"
>
<div id="Calque_Tarifs"
style="position:relative;
width:140px; height:50px;
left: 0px; margin-top: -55px; top: 52px;
z-index:1;
background-color: #333333; layer-background-color: #FFFFFF; border: 1px #000000;"
>
<table cellspacing=0 cellpadding=0 border=0
onMouseOver="MM_showHideLayers('Calque_Tarifs','','show')"
onMouseOut="MM_showHideLayers('Calque_Tarifs','','hide')"
onload="MM_showHideLayers('Calque_Tarifs','','hide')"
>
<tr><td><img src=index/bouton/harley_normal/vide.gif></td></tr>

<tr>
<td>
<a href="harley_tarifs.php">
<img src=index/bouton/harley_normal/tarifs_11.gif name="D1" border=0
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('D1','','index/bouton/harley_survol/tarifs_11.gif',1)"
>
</a>
</td>
</tr>

<tr>
<td>
<a href="harley_reservation.php">
<img src=index/bouton/harley_normal/reservation_11.gif name="D2" border=0
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('D2','','index/bouton/harley_survol/reservation_11.gif',1)"
>
</a>
</td>
</tr>

</table>
</div>
</td>

<td align=center>
<a href=harley_entreprise.php>
<img src=index/bouton/harley_normal/animation_entreprise_14.gif name=E0 border=0 alt="L'animation destinée aux entreprises"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('E0','','index/bouton/harley_survol/animation_entreprise_14.gif',1)"
>
</a>
</td>
</tr>
</table>
</td>
<td>
</tr>
</table>
</td>

<td width=*>
<table width=100% border=0 cellspacing="0" cellpadding="0">
<tr><td height=52 bgcolor="#000000"> </td></tr>
<tr><td height=1 bgcolor="#FFFFFF"></td></tr>
<tr><td height=49 ></td></tr>
</table>
</td>
</tr>

</table>
<br><br>

<table width=100% align=center border=0 cellspacing=0 cellpadding=0>
<tr>
<td> </td>
<table width=1000 height=490 border=0 cellspacing=0 cellpadding=0 align=center>
<tr>
<td>
<table width=120 height=490 border=0 cellspacing=0 cellpadding=0 align=center>
<tr>
<td><a href="harley_modeles_sportster_01.php"><img src="harley_modeles/sportster/01_petit.jpg" border=0></a></td>
</tr>
<tr>
<td height=10></td>
</tr>
<tr>
<td><a href="harley_modeles_sportster_02.php"><img src="harley_modeles/sportster/02_petit.jpg" border=0></a></td>
</tr>
<tr>
<td height=10></td>
</tr>
<tr>
<td><a href="harley_modeles_sportster_03.php"><img src="harley_modeles/sportster/03_petit.jpg" border=0></a></td>
</tr>
<tr>
<td height=10></td>
</tr>
<tr>
<td><a href="harley_modeles_sportster_04.php"><img src="harley_modeles/sportster/04_petit.jpg" border=0></a></td>
</tr>
<tr>
<td height=10></td>
</tr>
<tr>
<td><a href="harley_modeles_sportster_05.php"><img src="harley_modeles/sportster/05_petit.jpg" border=0></a></td>
</tr>
</table>
</td>
<td>
<table width=10 height=490 border=0 cellspacing=0 cellpadding=0 align=center>
<tr><td></td></tr>
</table>
</td>
<td>
<table width=510 height=490 border=0 cellspacing=0 cellpadding=0 align=center>
<tr>
<td colspan=7 valign=top> <img src="harley_modeles/sportster/01_moyen.jpg" border=0 width=510 height=390>
</td>
</tr>
<tr>
<td colspan=7></td>
</tr>
<tr>
<td width=120><a href="harley_modeles_sportster_06.php"><img src="harley_modeles/sportster/06_petit.jpg" border=0></a></td>
<td width=10></td>
<td width=120><a href="harley_modeles_sportster_07.php"><img src="harley_modeles/sportster/07_petit.jpg" border=0></a></td>
<td width=10></td>
<td width=120><a href="harley_modeles_sportster_08.php"><img src="harley_modeles/sportster/08_petit.jpg" border=0></a></td>
<td width=10></td>
<td width=120><a href="harley_modeles_sportster_09.php"><img src="harley_modeles/sportster/09_petit.jpg" border=0></a></td>
</tr>
</table>
</td>
<td>
<table width=10 height=490 border=0 cellspacing=0 cellpadding=0 align=center>
<tr><td></td></tr>
</table>
</td>
<td>
<table width=350 height=490 border=0 cellspacing=0 cellpadding=0 align=center>
<tr>
<td>
<table width=100% height=100% border=10 bordercolor="#000000" bgcolor="#FFFFFF" cellspacing=0 cellpadding=10 align=center valign=top>
<tr>
<td class="Arial_XS_JT_Noir">
<br>
<p class="Arial_L_CM_Bold_Orange">SPORTSTER XL 1200 R</p>

Ce Roadster minimaliste vous invite à découvrir le premier accés au mythe de Milwaukee<br>
Fine et agile, polyvalente et à l'aise dans bien des situations,
cette moto est idéale pour les ballades en ville et sur les petites routes ...<br>
<br>

<b><font color="#DC6F10">FICHE TECHNIQUE</font></b><br>

Moteur 1200cc, Bte à 5 rapport<br>
Poids à sec : 251 Kg<br>
Hauteur de selle : 676 mm<br>
Capacité de réservoir: 12,5 L<br>
Equipement touring : oui (en Option)<br>
Niveau d'expérience : *<br>
<br>

<b><font color="#DC6F10">L'AVIS DE JLD</font></b><br>

Prise en main facile, maniable, vif et original, le sportster est une bonne
machine, à condition d'une utilisation urbaine et sur des petits déplacements<br>
<br>

<b><font color="#DC6F10">BUDGET</font></b><br>

A partir de 99 €<br>

<p align=center>
<a href="harley_reservation.php">RESERVATION</a>
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

</td>
<td> </td>
</tr>
</table>
Configuration: Windows Vista
Internet Explorer 7.0

1 réponse

  1.  vignemail1 Contributeur
    Les menus déroulants avec des <table>, chapeau, c'est la première fois que je fois cela. Généralement on utilise plutôt des dd,dt ou de ul,li

    Voir :
    http://www.cssplay.co.uk/menus/
    http://css.alsacreations.com/Construction-de-menus-en-CSS/Un-menu-deroulant-en-CSS-et-XHTML-vertical-et-horizontal
    https://www.hugedomains.com/domain_profile.cfm?d=team-masters&e=com
    0
    1. pegasus360 Auteur
      Merci, je vais regarder çà

      Pour info, j'avais essayé avec les dd,dt et le résultat était catastrophique, je vais m'y remettre ...
      0
    2. pegasus360 Auteur
      Je confirme.
      Quand j'utilise le code de ce site : http://css.alsacreations.com/xmedia/exemples/deroulant/menu-horizontal.htm
      Je passe le calque en relative et lorsque je passe sur un menu, le texte en dessous se décale au lieu de s'afficher sous le calque du menu ...
      0

Discussions similaires

FreeBox Révolution - Les code erreurs
baissaoui

0 réponse
Comment activer le Bluetooth sur une TV Samsung ?
zaraki490

110 réponses
Comment faire afin d'accéder au boot menu ou BIOS sous MSI ?
Kaheil

7 réponses