IE vs firefox, BUG de CSS!! help ???

IE vs firefox, BUG de CSS!! help ??? - HTML/CSS - Programmation

Marsh Posté le 01-02-2006 à 16:29:12    

Voila mon probleme est bizarre.
Mon site voir ici:
 
http://emmanuel.detaillac.free.fr
 
Lancez le sous firefox et sous IE svp..
 
Le probleme se trouve au niveau du menu:
Sous firefox, les sous menu en block sont centrés.
Mais sous IE, le premier ne l'est pas.
Je vous montre alors le css et le code du menu:
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. <html>
  5. <body>
  7. <head>
  8. <title>Document sans nom</title>
  9. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  10. <link href="menu.css" rel="stylesheet" type="text/css">
  12. <script type="text/javascript">
  14. window.onload=montre;
  16. function montre(id) {
  17.     var d = document.getElementById(id);
  18.     for (var i = 1; i<=10; i++)
  19.     {
  20.      if (document.getElementById('smenu'+i))
  21.      {
  22.       document.getElementById('smenu'+i).style.display='none';
  23.      }
  24.     }
  25.     if (d)
  26.     {
  27.      d.style.display='block';
  28.     }
  29. }
  31. </script>
  34. </head>
  36. <div id="menunav">
  37. <table cellpadding="0" cellspacing="0">
  38.     <tr>
  39.      <td>
  40.       <dt onclick="javascript:montre('smenu1');" >ACTIVITES</dt>
  41.        <dd style="display: none;" id="smenu1">
  42.         <ul>
  43.          <li><a href="#">Antennes</a></li>
  44.          <li><a href="#">Reseaux</a></li>
  45.          <li><a href="#">Radar</a></li>
  46.          <li><a href="#">Electromagnetisme de puissance</a></li>
  48.         </ul>
  49.        </dd>
  50.      </td>
  51.     </tr>
  53.     <tr>
  54.      <td>
  55.       <dt onclick="javascript:montre('smenu2');">PROJETS</dt>
  56.        <dd style="display: none;" id="smenu2">
  57.         <ul>
  58.          <li><a href="#">Actualit&eacute;s</a></li>
  59.          <li><a href="#">Historique</a></li>
  60.         </ul>
  61.        </dd>
  62.      </td>
  63.     </tr>
  65.     <tr>
  66.      <td>
  67.       <dt onclick="javascript:montre('smenu3');">ESPACE ECHANGES</dt>
  68.        <dd style="display: none;" id="smenu3">
  69.         <ul>
  70.          <li><a href="index.php?page=donnerAvis">Donnez votre avis</a></li>
  71.          <li><a href="#">Avis publi&eacute;s</a></li>
  72.         </ul>
  73.        </dd>
  75.      </td>
  76.     </tr>
  78.     <tr>
  79.      <td>
  80.       <dt onclick="javascript:montre('smenu4');">QUI SOMMES-NOUS?</dt>
  81.        <dd style="display: none;" id="smenu4">
  82.         <ul>
  83.          <li><a href="#">Presentation</a></li>
  84.          <li><a href="#">Contacts</a></li>
  85.         </ul>
  86.        </dd>
  87.      </td>
  88.     </tr>
  89. </table>
  90. </div>
  91. </body>
  92. </html>


 
et voila le css relatif au menu:
 

Code :
  1. dl, dt, dd, ul, li {
  2. margin: 0 auto;
  3. padding: 0;
  4. list-style-type: none;
  5. text-align: left;
  6. }
  8. #menunav{
  9. position: absolute;
  10. margin-top: 60px;
  11. text-align: left;
  12. margin-left: 2px;
  13. width: 140px;
  14. border: 0px solid;
  15. }
  17. #menu td{
  18. background-image:url(./img/violet-menu.gif);
  19. width:140px;
  20. font: 70% verdana, arial, sans-serif;
  21. }
  23. #menu tr{
  24. vertical-align:middle;
  25. }
  27. #menu dt {
  28. font-size:   10px;
  29. cursor: pointer;
  30. line-height: 25px;
  31. text-align: center;
  32. font-weight: bold;
  33. color:#F0E8D9;
  34. }
  36. #menu ul {
  37. text-align: center;
  39. }
  41. #menu li {
  42. text-align: center;
  43. vertical-align:middle;
  44. background: #dfdfdf;
  45. font-weight: bold;
  46. font-size: 10px;
  47. }
  49. #menu li a, #menu dt a {
  50. color: #000;
  51. text-decoration: none;
  52. display: block;
  53. border: 1px solid #dfdfdf;
  54. height: 100%;
  55. vertical-align: center;
  56. }
  58. #menu li a:hover, #menu dt a:hover {
  59. color: white;
  60. background: #424c99;
  61. vertical-align: center;
  62. border: 1px groove white;
  63. }


 
Avez vous une idée du probleme ????
Toute remarques d'optimisation est la bienvenue...
 
MERCI

Reply

Marsh Posté le 01-02-2006 à 16:29:12   

Reply

Marsh Posté le 01-02-2006 à 18:16:43    

up!!  
Please...
personne veut au moins regarder ce que ca donne ???

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed