Bonjour,

Nous avons fait une animation flash de haut de page, contenant les intitulé des menu, pour un meilleur rendu graphique.

Et pour optimiser le référencement ma div ou il y a les menu passe par dessus
la div qui contien le flash.

Le résultat sous firefox est niquel.

Mais sous IE8 et inférieur , le flahs passe par dessus quoi q'ui arrive.

Je n'arrive pas comprend pourquoi, y a til une solution ?

voila mon code HTML :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<div id="header">
<ul id="menu">
	<li id="accueil"><a  href="index.html">Accueil</a></li>
	<li id="representer"><a  href="index.html">Représenter</a></li>
	<li id="accompagner"><a  href="index.html">Accompagner</a></li>
	<li id="informer"><a  href="index.html">Informer</a></li>
	<li id="former"><a  href="index.html">Former</a></li>
	<li id="equiper"><a  href="equiper.html">Équiper</a></li>
</ul><!--fin menu -->
<div id="flash">
  <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1024" height="282">
    <param name="movie" value="images/anim2effect.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <param name="swfversion" value="6.0.65.0" />
    <!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- La balise <object> suivante est destinée aux navigateurs autres qu'IE. Supprimez-la d'IE à l'aide d'IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="images/anim2effect.swf" width="1024" height="282">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="6.0.65.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d'un lecteur Flash de version 6.0 ou de versions plus anciennes. -->
<div>
        <h4>Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
</div><!--fin flash -->
 
 
</div><!--fin header -->
voila mon code CSS :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
#header {
width:1024px;
}
 
#flash {
margin:0;
height:282px;
width:1024px;
}
 
#menu {
display:inline;
float:left;
height:38px;
left:50%;
list-style-type:none;
margin-left:-471px;
padding:0;
position:absolute;
top:259px;
width:972px;
z-index:10;
}
#menu li{
float:left;
display:inline;
}
#menu li a{
display:block;
text-indent:-9000px;
height:38px;
 
}
#accueil a{
width:120px;
}
#representer a{
margin-left:13px;
width:120px!important;
}
#accompagner a{
margin-left:64px;
width:130px !important;
}
#informer a{
margin-left:61px;
width:103px !important;
}
#former a{
margin-left:52px;
width:99px !important;
}
#equiper a{
margin-left:52px;
width:99px !important;
}
Je vous remercie par avance
Cordialement
Guillaume Escande