Menu déroulant ok sous FF, non sous Ie8

Menu déroulant ok sous FF, non sous Ie8 - HTML/CSS - Programmation

Marsh Posté le 28-08-2009 à 13:40:32    

Bonjour a tous,
 
Je n'arrive pas a comprendre pourquoi mon menu déroulant fonctionne sous FireFox 3, et non sous Ie8
 
L'adresse du rendu: http://www2.clg-montdor.ac-aix-mar [...] 5/test.php
 
 
mon css:
 

Code :
  1. body
  2. {
  3. font: 11px verdana,
  4. sans-serif;
  5. background: #AFA99B url("fond.jpg" ) top left no-repeat;
  6. margin: 0; padding: 0;
  7. }
  9. #menuDeroulant
  10. {
  11. width: 644px;
  12. list-style-type: none;
  13. margin: 0;
  14. padding: 0;
  15. border: 0;
  17. position: absolute;
  18. top: 0;
  19. left: 0;
  21. }
  23. #menuDeroulant li
  24. {
  25. float: left;
  26. width: 150px;
  27. margin: 0;
  28. padding: 0;
  29. border: 0;
  32. }
  34. #menuDeroulant .sousMenu
  35. {
  36. display: none;
  37. list-style-type: none;
  38. margin: 0;
  39. padding: 0;
  40. border: 0;
  41. }
  43. #menuDeroulant .sousMenu li
  44. {
  45. float: none;
  46. margin: 0;
  47. padding: 0;
  48. border: 0;
  50. width: 149px;
  51. border-top: 1px solid transparent;
  52. border-right: 1px solid transparent;
  53. }
  56. #menuDeroulant li a:link, #menuDeroulant li a:visited
  57. {
  58. display: block;
  59. height: 1%;
  60. color: #FFF;
  61. margin: 0;
  62. background: transparent url("menu.png" );
  65. padding: 4px 8px;
  66. border-right: 1px solid #fff;
  68. }
  70. #menuDeroulant li a:hover
  71. {
  72. background-color: #F2462E;
  73. }
  75. #menuDeroulant li a:active
  76. {
  77. background-color: #5F879D;
  78. }
  80. #menuDeroulant .sousMenu li a:link,
  81. #menuDeroulant .sousMenu li a:visited
  82. {
  83. display: block;
  84. color: #FFF;
  86. margin: 0;
  87. border: 0;
  88. text-decoration: none;
  89. background: transparent url("smenu.png" ) repeat;
  90. }
  92. #menuDeroulant .sousMenu li a:hover
  93. {
  94. background-image: none;
  95. background-color: #F2462E;
  96. }
  97. #menuDeroulant li:hover > .sousMenu { display: block; }


 
 
 
l'autre mystère etant que j'avais deja utilisé le même tuto pour faire ce menu pour un autre site, et je n'arrive pas a reproduire le meme résultat: bapteme-drift.com/ac
 
Merci de votre aide
 
 
 

Reply

Marsh Posté le 28-08-2009 à 13:40:32   

Reply

Marsh Posté le 30-08-2009 à 22:36:03    

Personne n'a une idée ?

Reply

Marsh Posté le 31-08-2009 à 00:28:36    

il te manque un doctype


---------------
Blablaté par Harko
Reply

Marsh Posté le 31-08-2009 à 09:10:45    

Merci beaucoup ca marche nikel !
 
Je n'aurais jamais pensé que cela puisse venir de la !
 
Merci beaucoup

Reply

Sujets relatifs:

Leave a Replay

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