Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Aide Recherche
2271 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS/Javascript

  [resolu]compatibilité ie6 ie7 mais bug anim flash

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[resolu]compatibilité ie6 ie7 mais bug anim flash

n°1971255
RICOTTE
Posté le 04-03-2010 à 19:32:06  profilanswer
 

bonjour à tous ,
 
je suis nouveau sur le forum et voila mon problème :
en effet je construis un mini site(xhtml et css) pour ma clinique et je rencontre des problemes de compatibilité sous ie6 et ie 7 alors que sous ie8 c'est parfait.
je pense qu'il s'agit de ma commande display:inline-block que j'utilise pour mon menu mais qui n'ai pas pris en charge par ie6 et mal compris sous ie7.
je vous fais suivre mon code du css puis celui du html car le site est en intranet et non accessible de l'extérieur
merci par avance de vos réponses car je craque un peu


Message édité par RICOTTE le 05-03-2010 à 19:14:03
mood
Publicité
Posté le 04-03-2010 à 19:32:06  profilanswer
 

n°1971256
RICOTTE
Posté le 04-03-2010 à 19:33:34  profilanswer
 

mon code css
 

Code :
  1. #menu {width:900px;
  2. margin-left: auto;   margin-right: auto;
  3. height:80px; background:url(icons/arrows8bis2.gif);
  4. background-repeat: no-repeat;
  5.    text-align:center;
  6.    border:0px solid #c5d5e8;
  7.     border-width:0px
  8.     margin-left: auto;   margin-right: auto; }
  9.    
  10.    
  11.    
  12. #menu ul {margin:0;
  13. padding:0;
  14.   list-style:none;
  15.    white-space:nowrap;}
  16.  
  17. #menu ul {display:inline-block;}
  18.   #menu li {display:inline-block;   display:inline;}
  19. #menu ul.level1 div {
  20.     position:absolute;
  21.     left:-9999px;
  22.     visibility: visible;
  23. }
  25. #menu ul.level1 {margin:0 auto;}
  27. #menu ul.level1 li.level1-li {float:left; display:block; position:relative; padding-top:2px;}
  28.   #menu ul li div ul {margin:0; background:url(transparent);}
  29.  
  30.   #menu a.level1-a {display:block; height:23px; font:bold 12px Comic Sans MS; color:#010101; line-height:21px; text-decoration:none;padding:0 15px 0 15px; text-align:center;}
  31.    #menu ul.level1 li.level1-li a.level1-a {float:left;}
  32.  
  33.   #menu ul li:hover div {left:50%; top:25px; padding-top:0; background:url(transparent);}
  34.  
  35.    #menu ul li:hover div ul {position:relative; left:-39%; padding:7px 0 0 0; margin:0; list-style:none;}
  36.  
  37.     #menu ul li div ul li a {display:inline-block; font:bold 12px Comic Sans MS; color:#010101; line-height:20px; text-decoration:none; padding:1px 6px 2px 6px;}
  38.    
  39.     #menu a:hover div {left:0; top:25px;}
  40.    
  41.     #menu a:hover div ul {position:relative; left:-50%; padding-top:7px;}
  42.    
  43.      #menu li:hover div ul li {display:inline-block;}
  44.    
  45.      #menu a:hover div ul li a.sub {margin-right:4px;}
  46.    
  47.       #menu li a.fly {background:url(transparent) no-repeat center bottom;}
  48.      
  49.       #menu li a:hover, #menu li a.fly:hover {white-space:nowrap; color:#fff; border:1px solid #000; padding:0 14px; border-width:0 1px; background:url(icons/arrows5bis.gif) repeat-x;}
  50.      
  51.        #menu li:hover > a,
  52.        #menu ul li:hover > a.fly {white-space:nowrap; color:#fff; border:1px solid #000; padding:0 14px; border-width:0 1px; background:url(icons/arrows5bis.gif) repeat-x;}
  53.      
  54.         #menu ul li div ul li a:hover {color:#000;}
  55.        
  56.         #menu ul :hover div ul div {left:-9999px;}
  57.        
  58.         #menu ul :hover div ul li:hover {position:relative;}
  59.        
  60.          #menu ul :hover div ul li a.drop {background:url(transparent) no-repeat center bottom;}
  61.        
  62.           #menu ul :hover div ul li a:hover {position:relative; background:url(icons/arrows3.gif); padding:0 5px 1px 5px; border:1px solid #c5d5e8; color:#000;}
  63.          
  64.           #menu ul :hover div ul li:hover > a {position:relative; background:url(icons/arrows3.gif); padding:0 5px 1px 5px; border:1px solid #c5d5e8; color:#000;}
  65.          
  66.           #menu ul :hover div ul :hover div {left:50%; top:22px;}
  67.          
  68.           #menu ul :hover div ul :hover div ul {left:-50%; padding:10px; background:url(icons/arrows6.gif); border:1px solid #fff; border-color:#fff #678 #567 #fff; text-align:center; filter: alpha(opacity=80); opacity:0.8}
  69.           #menu ul :hover div ul :hover div ul li {display:block; height:auto; line-height:15px; text-align:center;}
  70.          
  71.           #menu ul :hover div ul :hover div ul li a {height:auto; position:static; line-height:15px; color:#000; padding:1px 0;}
  72.          
  73.           #menu ul a:hover div ul a:hover div ul li a {margin-left:-16px;}
  74.          
  75.           #menu ul :hover div ul :hover div ul li a:hover {color:#369; background:transparent; border:0; padding:1px 0;}
  76.          
  77.            #menu table {position:absolute; top:0; height:0; width:0; left:50%; border-collapse:collapse;}
  78.          
  79.             #menu a:hover table a:hover table {left:50%; width:0; height:20px; top:0; margin-left:-1px;}
  80.            
  81.              #menu ul :hover div ul :hover div ul li:hover a {background:transparent; border:0;}
  82.            
  83.            
  84.              #corps {
  85.     width: 900px;
  86.     margin-left: auto;
  87.     margin-right: auto;
  88.     top: 140px;
  89.     height:1000px;
  90.     color:#369;
  91.     background:transparent;
  92.     border:transparent;
  93.     text-align:center;
  94.     padding: 0px 0px 0px 0px;
  95.     left: auto;
  96.     right: auto;
  97.     }


n°1971257
gatsu35
C'est à moi \o/
Posté le 04-03-2010 à 19:34:19  profilanswer
 

le display:inline-block n'est possible que sur des élément inlines sous IE6
file un lien vers ta page ou poste ton code HTML et CSS ici on va trouver une solution propre

n°1971258
RICOTTE
Posté le 04-03-2010 à 19:34:38  profilanswer
 

mon code html
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. <head>
  9. <link rel="stylesheet" media="all" type="text/css" href="dropline-center.css" />
  14. <title>Articles d'imagerie</title>
  17. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">
  18. <!--
  19. body {
  20.     background-color: #ceddc8;
  21.     background-image: url(icons/zen.jpg);
  22.     background-repeat: no-repeat;
  23. }
  24. body,td,th {
  26.     color: #000000;
  27. }
  28. .Style3 {color: #CC0033}
  29. -->
  32. </style></head>
  34. <body>
  37.       <div id="menu">
  38.         <ul class="level1">
  39.           <li class="level1-li"><a class="level1-a" href="index.html">HOME</a></li>
  40.           <li class="level1-li"><a class="level1-a fly" href="#url">RADIOLOGIE
  41.             <!--[if gte IE 7]><!-->
  42.             </a>
  43.               <!--<![endif]-->
  44.               <!--[if lte IE 6]><table><tr><td><![endif]-->
  45.               <div>
  46.                 <ul>
  47.                   <li><a class="drop" href="#url">Locomoteur
  48.                   <!--[if gte IE 7]><!-->
  49.                     </a>
  50.                       <!--<![endif]-->
  51.                       <!--[if lte IE 6]><table><tr><td><![endif]-->
  52.                       <div>
  53.                         <ul>
  54.                           <li><a href="Radio-MI.html" target="corps">Membre Inf</a></li>
  55.                           <li><a href="Radio-Ms.html"target="corps">Membre Sup</a></li>
  56.                           <li><a href="Radio-Rachis.html"target="corps">Rachis</a></li>
  57.                         </ul>
  58.                       </div>
  59.                     <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  60.                   </li> 
  61.                          
  62.                   <li><a href="Radio-Divers.html"target="corps">Divers</a></li>
  63.                  
  64.                  
  65.                   <li><a class="drop" href="#url"target="corps">Uro Digestif</a>
  66.                                
  67.                   <div>
  68.                   <ul>
  69.                   <li><a href="Radio-Abdo.html"target="corps">Abdomen</a></li>
  70.                   <li><a href="Radio-Pelvis.html"target="corps">Pelvis</a></li>
  71.                    </ul>
  72.                   </div>
  73.                   </li>
  74.                  
  75.                  
  76.                   <li><a href="Radio-Neuro.html"target="corps">Neuro</a>
  77.                   <li><a href="Radio-A V.html"target="corps">Vasculaire</a></li>
  78.                  
  79.                   <li><a href="Radio-Thorax.html"target="corps">Thorax</a></li>
  80.                  
  81.                   <li><a href="Radio-Pediartrie.html"target="corps">Pédiatrie</a></li>
  82.                  
  83.                   <li><a href="Radio-Ostéodensitometrie.html"target="corps">Ostéodensitométrie</a></li>
  84.                 </ul>
  85.               </div>
  86.             <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  87.           </li>
  88.           <li class="level1-li"><a class="level1-a fly" href="#url">ECHOGRAPHIE
  89.            <!--[if gte IE 7]><!-->
  90.             </a>
  91.               <!--<![endif]-->
  92.               <!--[if lte IE 6]><table><tr><td><![endif]-->
  93.               <div>
  94.                 <ul>
  95.                   <li><a class="drop" href="#url">Locomoteur
  96.                   <!--[if gte IE 7]><!-->
  97.                     </a>
  98.                       <!--<![endif]-->
  99.                       <!--[if lte IE 6]><table><tr><td><![endif]-->
  100.                       <div>
  101.                         <ul>
  102.                           <li><a href="Echographie-MI.html"target="corps">Membre Inf</a></li>
  103.                           <li><a href="Echographie-Ms.html"target="corps">Membre Sup</a></li>
  104.                         </ul>
  105.                       </div>
  106.                     <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  107.                   </li> 
  108.                 <li><a href="Echographie-Interventionnelle.html"target="corps">Interventionnelle</a></li>     
  109.                   <li><a href="Echographie-Divers.html"target="corps">Divers</a></li>
  110.                  
  111.                  
  112.                   <li><a class="drop" href="#url">Uro Digestif  <!--[if gte IE 7]><!-->
  113.                     </a>
  114.                       <!--<![endif]-->
  115.                       <!--[if lte IE 6]><table><tr><td><![endif]-->
  116.                                
  117.                   <div>
  118.                   <ul>
  119.                   <li><a href="Echographie-Abdo.html"target="corps">Abdomen</a></li>
  120.                   <li><a href="Echographie-Pelvis.html"target="corps">Pelvis</a></li>
  121.                    </ul>
  122.                   </div>
  123.                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  124.                   </li>
  125.                  
  126.                  
  127.                   <li><a href="Echographie-Neuro.html"target="corps">Neuro</a>
  128.                   <li><a href="Echographie-A V.html"target="corps">Vasculaire</a></li>
  129.                  
  130.                   <li><a href="Echographie-Thorax.html"target="corps">Thorax</a></li>
  131.                  
  132.                   <li><a href="Echographie-Pediartrie.html"target="corps">Pédiatrie</a></li>
  133.                 </ul>
  134.               </div>
  135.             <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  136.           </li>
  137.           <li class="level1-li"><a class="level1-a fly" href="#url">SENOLOGIE
  138.             <!--[if gte IE 7]><!-->
  139.             </a>
  140.               <!--<![endif]-->
  141.               <!--[if lte IE 6]><table><tr><td><![endif]-->
  142.               <div>
  143.                 <ul>
  144.                   <li><a href="Sénologie-Mammographie.html"target="corps">Mammographie</a></li>
  145.                   <li><a href="Sénologie-Divers.html"target="corps">Divers</a></li>
  146.                   <li><a href="Sénologie-Mammotome.html"target="corps">Mammotome</a></li>
  147.                </ul>
  148.               </div>
  149.             <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  150.           </li>
  151.           <li class="level1-li left"><a class="level1-a fly" href="#url">SCANNER
  152.             <!--[if gte IE 7]><!-->
  153.             </a>
  154.               <!--<![endif]-->
  155.               <!--[if lte IE 6]><table><tr><td><![endif]-->
  156.               <div>
  157.                 <ul>
  158.                   <li><a class="drop" href="#url">Locomoteur
  159.                   <!--[if gte IE 7]><!-->
  160.                     </a>
  161.                       <!--<![endif]-->
  162.                       <!--[if lte IE 6]>
  163.                       <table><tr><td>
  164.                       <![endif]-->
  165.                       <div>
  166.                         <ul>
  167.                           <li><a href="Scanner-MI.html"target="corps">Membre Inf</a></li>
  168.                           <li><a href="Scanner-Ms.html"target="corps">Membre Sup</a></li>
  169.                           <li><a href="Scanner-Rachis.html"target="corps">Rachis</a></li>
  170.                         </ul>
  171.                       </div>
  172.                     <!--[if lte IE 6]>
  173.                     </td></tr>
  174.                     </table></a>
  175.                     <![endif]-->
  176.                   </li> 
  177.                          
  178.                   <li><a href="Scanner-Divers.html"target="corps">Divers</a></li>
  179.                  
  180.                  
  181.                   <li><a class="drop" href="#url">Uro Digestif <!--[if gte IE 7]><!-->
  182.                     </a>
  183.                       <!--<![endif]-->
  184.                       <!--[if lte IE 6]><table><tr><td><![endif]-->
  185.                                
  186.                   <div>
  187.                   <ul>
  188.                   <li><a href="Scanner-Abdo.html"target="corps">Abdomen</a></li>
  189.                   <li><a href="Scanner-Pelvis.html"target="corps">Pelvis</a></li>
  190.                    </ul>
  191.                   </div>
  192.                   <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  193.                   </li>
  194.                  
  195.                  
  196.                   <li><a href="Scanner-Neuro.html"target="corps">Neuro</a>
  197.                   <li><a href="Scanner-A V.html"target="corps">Vasculaire</a></li>
  198.                  
  199.                   <li><a href="Scanner-Thorax.html"target="corps">Thorax</a></li>
  200.                  
  201.                   <li><a href="Scanner-Pediartrie.html"target="corps">Pédiatrie</a></li>
  202.                 </ul>
  203.               </div>
  204.             <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  205.           </li>
  206.           <li class="level1-li left"><a class="level1-a fly" href="#url">IRM
  207.           <!--[if gte IE 7]><!-->
  208.             </a>
  209.               <!--<![endif]-->
  210.               <!--[if lte IE 6]><table><tr><td><![endif]-->
  211.               <div>
  212.                 <ul>
  213.                   <li><a class="drop" href="#url">Locomoteur
  214.                   <!--[if gte IE 7]><!-->
  215.                     </a>
  216.                       <!--<![endif]-->
  217.                       <!--[if lte IE 6]><table><tr><td><![endif]-->
  218.                       <div>
  219.                         <ul>
  220.                           <li><a href="IRM-MI.html"target="corps">Membre Inf</a></li>
  221.                           <li><a href="IRM-Ms.html"target="corps">Membre Sup</a></li>
  222.                           <li><a href="IRM-Rachis.html"target="corps">Rachis</a></li>
  223.                         </ul>
  224.                       </div>
  225.                     <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  226.                   </li> 
  227.                          
  228.                   <li><a href="IRM-Divers.html"target="corps">Divers</a></li>
  229.                  
  230.                  
  231.                   <li><a class="drop" href="#url">Uro Digestif <!--[if gte IE 7]><!-->
  232.                     </a>
  233.                       <!--<![endif]-->
  234.                       <!--[if lte IE 6]><table><tr><td><![endif]-->
  235.                                
  236.                   <div>
  237.                   <ul>
  238.                   <li><a href="IRM-Abdo.html"target="corps">Abdomen</a></li>
  239.                   <li><a href="IRM-Pelvis.html"target="corps">Pelvis</a></li>
  240.                    </ul>
  241.                   </div>
  242.                   <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  243.                   </li>
  244.                  
  245.                  
  246.                   <li><a href="#url"target="corps">Neuro</a>
  247.                   <li><a href="IRM-A V.html" target="corps">Vasculaire</a></li>
  248.                  
  249.                   <li><a href="IRM-Neuro.html"target="corps">Thorax</a></li>
  250.                  
  251.                   <li><a href="IRM-Pediartrie.html"target="corps">Pédiatrie</a></li>
  252.                 </ul>
  253.               </div>
  254.             <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  255.           </li>
  256.           <li class="level1-li left"><a class="level1-a fly" href="#url">MESURES
  257.           <!--[if gte IE 7]><!-->
  258.             </a>
  259.               <!--<![endif]-->
  260.               <!--[if lte IE 6]><table><tr><td><![endif]-->
  261.               <div>
  262.                 <ul>
  263.                   <li><a class="drop" href="#url">Radiologie
  264.                   <!--[if gte IE 7]><!-->
  265.                     </a>
  266.                       <!--<![endif]-->
  267.                       <!--[if lte IE 6]><table><tr><td><![endif]-->
  268.                       <div>
  269.                         <ul>
  270.                           <li><a href="Les Mesures-Radiologie-Membre inferieur.html"target="corps">Membre Inf</a></li>
  271.                           <li><a href="Les Mesures-Radiologie-Membre supérieur.html"target="corps">Membre Sup</a></li>
  272.                           <li><a href="Les Mesures-Radiologie-rachis.html"target="corps">Rachis</a></li>
  273.                         </ul>
  274.                       </div>
  275.                     <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  276.                   </li> 
  277.                          
  278.                                
  279.                  
  280.                   <li><a class="drop" href="#url">Echographie</a>
  281.                   <!--[if gte IE 7]><!-->
  282.                     </a>
  283.                       <!--<![endif]-->
  284.                       <!--[if lte IE 6]><table><tr><td><![endif]-->
  285.                       <div>
  286.                         <ul>
  287.                           <li><a href="Les Mesures-Echographie-Membre inferieur.html"target="corps">Membre Inf</a></li>
  288.                           <li><a href="Les Mesures-Echographie-Membre supérieur.html"target="corps">Membre Sup</a></li>
  289.                         </ul>
  290.                       </div>
  291.                     <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  292.                   </li>
  293.                   <li><a class="drop" href="#url">Scanner</a>
  294.                   <!--[if gte IE 7]><!-->
  295.                     </a>
  296.                       <!--<![endif]-->
  297.                       <!--[if lte IE 6]><table><tr><td><![endif]-->
  298.                       <div>
  299.                         <ul>
  300.                           <li><a href="Les Mesures-Scanner-Membre inferieur.html"target="corps">Membre Inf</a></li>
  301.                           <li><a href="Les Mesures-Scanner-Membre supérieur.html"target="corps">Membre Sup</a></li>
  302.                           <li><a href="Les Mesures-Scanner-rachis.html"target="corps">Rachis</a></li>
  303.                         </ul>
  304.                       </div>
  305.                     <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  306.                   </li>
  307.                  
  308.                   <li><a class="drop" href="#url">IRM</a>
  309.                   <!--[if gte IE 7]><!-->
  310.                     </a>
  311.                       <!--<![endif]-->
  312.                       <!--[if lte IE 6]><table><tr><td><![endif]-->
  313.                       <div>
  314.                         <ul>
  315.                           <li><a href="Les Mesures-IRM-Membre inferieur.html"target="corps">Membre Inf</a></li>
  316.                           <li><a href="Les Mesures-IRM-Membre supérieur.html"target="corps">Membre Sup</a></li>
  317.                           <li><a href="Les Mesures-IRM-rachis.html"target="corps">Rachis</a></li>
  318.                         </ul>
  319.                       </div>
  320.                     <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  321.                   </li>
  322.                  
  323.                   <li><a class="drop" href="#url">Pacs</a>
  324.                   <!--[if gte IE 7]><!-->
  325.                     </a>
  326.                       <!--<![endif]-->
  327.                       <!--[if lte IE 6]><table><tr><td><![endif]-->
  328.                       <div>
  329.                         <ul>
  330.                           <li><a href="Pacs.html"target="corps">Divers</a></li>
  331.                         </ul>
  332.                       </div>
  333.                     <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  334.                   </li>
  335.                 </ul>
  336.               </div>
  337.             <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  338.           <li class="level1-li"><a class="level1-a fly" href="#url">EPU
  339.             <!--[if gte IE 7]><!-->
  340.             </a>
  341.               <!--<![endif]-->
  342.               <!--[if lte IE 6]><table><tr><td><![endif]-->
  343.               <div>
  344.                 <ul>
  345.                   <li><a href="INTERVENTIONS EPU MEDECINS.html"target="corps">Médecins</a></li>
  346.                   <li><a href="INTERVENTIONS EPU MANIPULATEURS.html"target="corps">Manipulateurs</a></li>
  347.                </ul>
  348.               </div>
  349.             <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  350.           </li>
  351.         </ul>
  352.       </div>
  353.       <p class="info">&nbsp;</p>
  354.     </div>
  355.   </div>
  356. </div>
  358. <div id="corps"><iframe src="Untitled-2.html"  frameborder="0" name="corps" width="900" height="auto"  scrolling="auto" id="corps" allowtransparency="true" ></iframe>
  359. </div>
  361. </body>
  362. </html>

n°1971458
gatsu35
C'est à moi \o/
Posté le 05-03-2010 à 15:56:21  profilanswer
 

[:vomi]

n°1971496
David Bori​ng
Posté le 05-03-2010 à 17:16:29  profilanswer
 

En fait le code vient de chez stu nicholls, mais je trouve que le html est trop pénible juste pour éviter le javascript
http://www.cssmenus.co.uk/dropline.html
 
Mais pour répondre à la question, ce menu fonctionne très bien sur son site avec IE6
C'est donc ton intégration qui est mauvaise, mais à quelle moment ?!

Message cité 1 fois
n°1971502
gatsu35
C'est à moi \o/
Posté le 05-03-2010 à 17:39:48  profilanswer
 

David Boring a écrit :

En fait le code vient de chez stu nicholls, mais je trouve que le html est trop pénible juste pour éviter le javascript
http://www.cssmenus.co.uk/dropline.html
 
Mais pour répondre à la question, ce menu fonctionne très bien sur son site avec IE6
C'est donc ton intégration qui est mauvaise, mais à quelle moment ?!


je pensais plutot à celui de cssplay mais c'est le même auteur XD
Bon mon smiley [:vomi] resume ce que tu as dit

n°1971516
RICOTTE
Posté le 05-03-2010 à 18:51:02  profilanswer
 

j'ai résolu mon pb  
 
j'ai intégrer un 2eme css pour ie6  avec quelques correctifs de code et c'est parfait
 

Code :
  1. #menu ul {display:inline;}
  2. #menu li:hover div ul li {display:inline;}
  3. #menu :hover div ul :hover div ul li a {margin-left:-16px;}


 
par contre je rencontre un pb qui est une vraie colle : en effet mon  anim flash ne fonctionne pas sur tous les postes avec ie8 alors que leurs config et options internet sont identiques  
 
si vous avez des idées  
 
peut être l'intégration de mon anim flash  
 
merci de vos réponses  
 

Code :
  1. <object
  3. classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  4. codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
  5. width="396" height="365">
  6.    <param name="eanim" value="!e-anim:Rico">
  7.    <param name="movie" value="flash/ricobis1.swf">
  8.    <param name="quality" value="high">
  9.    <param name="wmode" value="transparent">
  10.    <embed src="flash/ricobis1.swf" width="396" height="365"
  11.  quality="high"
  12.    wmode="transparent"
  13.  pluginspage="http://www.macromedia.com/go/getflashplayer"
  14.  type="application/x-shockwave-flash">
  15.     </embed>
  16. </object>
  17. <!--[if !IE]>-->
  18.    <object type="application/x-shockwave-flash" data="flash/ricobis1.swf" width="396" height="365">
  19.     <param name="play" value="true" />
  20.     <param name="loop" value="true" />
  21.     <param name="quality" value="high" />
  22.     <param name="wmode" value="transparent" /><!--<![endif]-->
  24.    <!--[if !IE]>-->

n°1971517
David Bori​ng
Posté le 05-03-2010 à 19:13:38  profilanswer
 

Le plus propre, c'est d'employer swobject
http://code.google.com/p/swfobject/


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS/Javascript

  [resolu]compatibilité ie6 ie7 mais bug anim flash

 

Sujets relatifs
[Résolu] Problème de requêteProblème création site en flash
[RESOLU] pb vérification bouton radio formulaire - JScollision de sprites : quelle direction donner après collision[résolu]
pb insertion champ vide dans BDD via formulaire (PHP/SQL) [Résolu]chevauchement sous ie7 bon sur ie8 et ff
[php] Problème d'include et génération d'image (résolu)[edit] probleme de submit
[RESOLU]Afficher le plus grand ID de plusieurs sous_id[resolu] 1 menu pour toutes les pages d'un site ...
Plus de sujets relatifs à : [resolu]compatibilité ie6 ie7 mais bug anim flash

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 1.864 secondes

Hit-Parade
Copyright © 1997-2012 Hardware.fr SARL / Groupe LDLC / LesNumeriques.com / Version anglaise du site: BeHardware