Se connecter avec
S'enregistrer | Connectez-vous

Apparence différente de menu sous FF et IE

Dernière réponse : dans Programmation

Bonjour,

J'ai un script js avec un menu qui suit le scrollbar.
  1. <script type="text/javascript" src="Onglets_div.js"></script>
    

  2.  
  3. </head>
    

  4. <body>
    

  5. <div id="DIV_MOVE">
    

  6.   <div id="SUIVEUR"></div>
    

  7.   <?php include "Onglets.php" ?>
    

  8. </div>

Je met un peu de code de mon menu:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>">
    

  2. <html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>" xml:lang="en">
    

  3. <head>
    

  4.  
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    

  6. <title> Ongles pronos_basket</title>
    

  7. <meta name="Author" content="Stu Nicholls" />
    

  8. <meta name="Keywords" content= "cssplay, css, play, Cascading, Style, Sheets, experiments, demonstrations, menu, vertical, flyout, multi, line, cross, browser" />
    

  9. <meta name="Description" content="CSS - Cutting edge Cascading Style Sheets. Experiments in CSS" />
    

  10. <meta name="verify-v1" content="n3Dpx4NklZjg5p/Tq7h1q+Oj6Ml83crtkO/PwepVQ6Y=" />
    

  11. <meta http-equiv="imagetoolbar" content="no" />
    

  12.  
  13. <link rel="stylesheet" media="all" type="text/css" href="../css/default.css" />
    

  14.  
  15. <style type="text/css">
    

  16. /* ================================================================ 
    

  17. This copyright notice must be untouched at all times.
    

  18.  
  19. The original version of this stylesheet and the associated (x)html
    

  20. is available at <a href="http://www.cssplay.co.uk/menus/muti-line-flyout.html" target="_blank">http://www.cssplay.co.uk/menus/muti-line-flyout.html</a>
    

  21. Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
    

  22. This stylesheet and the associated (x)html may be modified in any 
    

  23. way to fit your requirements.
    

  24. =================================================================== */
    

  25.  
  26. #menu {position:relative; z-index:500; margin-left:10px;}
    

  27. #menu ul {padding:0; margin:0; list-style:none; width:110px; padding:3px; background:#ff0000;}
    

  28. #menu ul ul {position:absolute; left:-9999px;}
    

  29. #menu table {border-collapse:collapse; width:0; height:0; position:absolute; left:-1px; top:-1px;}
    

  30. #menu ul li {width:110px; background:#ff0000;}
    

  31. * html #menu ul li {float:left;}
    

  32. #menu ul li a {display:block; width:95px; padding:8px 10px 8px 5px; font:normal 11px verdana, sans-serif; color:#060303; text-decoration:none; background:#ffffff; border:1px solid #ff0000; border-color:#ffffff #ff0000 #ff0000 #ffffff; clear:left;}
    

  33. #menu ul li a.fly {background:#ff0000 url(multi-line/arrow.gif) no-repeat 100px center; }
    

  34.  
  35. #menu ul li:hover {position:relative;}
    

  36. #menu ul li a:hover {direction:ltr; background:#ff0000; color:#fff; border-color:#ff0000; position:relative; }
    

  37. #menu ul li:hover > a {background:#ff0000; color:#fff; border-color:#ffffff; }
    

  38.  
  39. #menu ul :hover ul,
    

  40. #menu ul :hover ul :hover ul,
    

  41. #menu ul :hover ul :hover ul :hover ul,
    

  42. #menu ul :hover ul :hover ul :hover ul :hover ul {left:112px; top:-5px;}
    

  43.  
  44. #menu ul :hover ul ul,
    

  45. #menu ul :hover ul :hover ul ul, 
    

  46. #menu ul :hover ul :hover ul :hover ul ul {left:-9999px;}
    

  47.  
  48. </style>
    

  49. <!--[if lte IE 7]>
    

  50. <style type="text/css">
    

  51. #menu ul li {float:left;}
    

  52. </style>
    

  53. <![endif]-->
    

  54.  
  55. </head>
    

  56.  
  57. <body>
    

  58.  
  59.  
  60. <div id="menu">
    

  61. .
    

  62. .
    

  63. .
    

  64. </div>


Sous FF il se positionne bien dans la position définie, mais sous IE il est en plein milieu de la page sur mon affichage
D'ou peut bien venir le problème?
Merci

Autres pages sur : apparence differente menu

Lassé par la pub ? Créez un compte
Expert Programmation

Salut, IE ne respecte pas les standard W3C … le plus simple vas être de faire une deuxième feuille css qui se chargera si le site est visiter avec IE ( pour cela ya un balise spécial qui existe sinon tu peux aussi utilisé du JavaScript )

Au cas où tu n'es pas encore trouvé la réponse..

En fait tu utilises déjà cette balise pour les versions antérieures à IE7 donc pour toute les versions d'Internet Explorer tu fais:

<!--[if IE]>
{met ici ton css ou ton fichiers css}
<![endif]-->

Bonjour sebdetroyes,
sebdetroyes a dit :
Au cas où tu n'es pas encore trouvé la réponse..

En fait tu utilises déjà cette balise pour les versions antérieures à IE7 donc pour toute les versions d'Internet Explorer tu fais:

<!--[if IE]>
{met ici ton css ou ton fichiers css}
<![endif]-->


Merci, c'est ce que j'avais fais, mais je ne pensais pas que c'était de cette balise dont andrelec1 parlait.

Bon week-end
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde