Bonjour à tous,

Je m'arrache les cheveux depuis quelques heures sur un problème sans trouver sa source Smiley decu
Pour un nouveau site que je concois, j'ai préféré choisir l'option d'un menu image+map area pour les liens. Je sais que cette solution n'est pas forcément la meilleure mais vu le rendu que je voulais obtenir, ce me paraissait le plus simple.
Mon problème est que si tout fonctionne parfaitement avec IE, avec Firefox les liens ne fonctionnent pas. Enfin disons plutôt qu'il fonctionne sur une page et pas sur l'autre.
Pour voir le résultat :
ou ca ne marche pas
ou ca marche
Le code utilisé :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="en-us">

<title>MegaMix Music Accueil</title><meta name="GENERATOR">
<meta name="ProgId">
<link href="feuillestyle3.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="conteneur">		
		<h1 id="header"><a href="index.html" title="MegaMix Music - Accueil"></a></h1>
		<div style="float:left; padding-left:13px;"> 

<map name="Prest">
  <area shape="rect" coords="78,35,123,65" href="accueilMM.html" alt="Retournez à la page d'accueil">
  <area shape="rect" coords="139,9,264,52" href="quiMM.html" alt="Pour nous découvrir">
  <area shape="rect" coords="275,36,388,66" href="prestationsMM.html" alt="Ce que nous proposons">
  <area shape="rect" coords="408,22,475,52" href="tarifsMM.html" alt="Tarifs et formules">
  <area shape="rect" coords="501,46,558,96" href="livreMM.html" alt="Les commentaires de nos clients">
  <area shape="rect" coords="583,35,662,77" href="imageMM.html" alt="Images & vidéo">
  <area shape="rect" coords="669,22,760,52" href="contactsMM.html" alt="Contactez-nous">
</map>
<img ismap usemap="#Prest" src="ImagesMM/Fondmenu3.png" border="0" alt="menu MegaMix Musique">

</div>
<div id="contenu">
<br>
<br>
<h3>Duo-orchestre</h3>
Dansez et faites la fête jusqu'au bout de la nuit...<br>
<a href="duo.html">Découvrez cette prestation en détail </a>

<h3>Coordination de mariage et major de table</h3>
Profitez pleinement du plus beau jour de votre vie...<br>
<a href="major.html">Découvrez cette prestation en détail </a>

<h3>Animation de cérémonies</h3>
Accompagner l'entrée de la mariée dans l'église en musique, quelle belle façon de rendre cet instant magique et inoubliable...<br>
<a href="animation.html">Découvrez cette prestation en détail </a>

</div>
<div id="footer">
<br> 
<img src="ImagesMM/footer.png">
<br>
</div>
</div>
</body>
</html>

Est-ce quelqu'un pourrait m'aider à résoudre ce mystère ?
Merci d'avance Smiley bawling Smiley bawling
Modifié par Galaee32 (17 Aug 2007 - 10:48)
Salut Galaee32 Smiley cligne ,

soit tu rajoutes un clear:left (et tu enlèves les 2 balises <br> Smiley langue ) à ton div contenu pour l'empêcher d'empiéter sur ta map.

soit tu enlèves le float:left à ta map qui à priori ne sert à rien (et les 2 balises <br> du div contenu Smiley langue ).

A+ Smiley smile

*Edit: si tu utilises Firefox, je t'invite à installer l'extension Firebug qui simplifie vraiment la vie !
Modifié par Heyoan (13 Aug 2007 - 13:44)