Bonjour à tou(te)s,
Je suis en train de réaliser un site pour un magasin informatique.
Mais j'ai un soucis d'affichage sous firefox 3.0.
Mon site accueil une vidéo en flash dés l'index.
Et gère via un cookie le fait de l'affichage aux prochaines visites où non.
J'ai donc mis en place un div "mask" pour ombré le fond du site.
Et un div qui englobe mon élément flash.
Puis via CSS et Javascript (changement de display)
La vidéo s'affiche ou non et ce centre à la page.
Il ce fait que sous Firefox 3.0 (et peut être d'autres versions proches de celle là) mon animation semble être dans le flux et donc décale tout mon contenu vers le bas.
Voiçi une ébauche du code :
L'url du site est : http://www.cein.be
Sauriez-vous me dire quel est le soucis et comment je pourrais y pallier.
Je vous remercie par avance.
Gregory.
Modifié par doncho (30 Jan 2012 - 14:20)
Je suis en train de réaliser un site pour un magasin informatique.
Mais j'ai un soucis d'affichage sous firefox 3.0.
Mon site accueil une vidéo en flash dés l'index.
Et gère via un cookie le fait de l'affichage aux prochaines visites où non.
J'ai donc mis en place un div "mask" pour ombré le fond du site.
Et un div qui englobe mon élément flash.
Puis via CSS et Javascript (changement de display)
La vidéo s'affiche ou non et ce centre à la page.
Il ce fait que sous Firefox 3.0 (et peut être d'autres versions proches de celle là) mon animation semble être dans le flux et donc décale tout mon contenu vers le bas.
Voiçi une ébauche du code :
#flashWrapper {
width:1024px;
height:576px;
border:4px solid #5f8eac;
top:50%;
left:50%;
margin:-292px 0 0 -516px;
background-color:black;
position:absolute;
z-index:20000;
}
#mask {
position: fixed;
z-index: 10000;
width: 100%;
height: 100%;
background: #000;
opacity: 0.8;
filter: alpha(opacity = 70);
}
#close-link {
right:0;
bottom:-50px;
position:absolute;
z-index:100000;
color:#FFF;
background-color:black;
border:4px solid #5f8eac;
}
<?php if(!isset($_COOKIE['flashit'])) { ?>
<div id="mask"></div>
<div id="flashWrapper">
<fakeobject classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" id="externalInterface" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="1024" height="576">
<param name="movie" value="video.swf">
<param name="quality" value="high">
<embed src="video.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1024" height="576">
</fakeobject>
</div>
<?php } ?>
L'url du site est : http://www.cein.be
Sauriez-vous me dire quel est le soucis et comment je pourrais y pallier.
Je vous remercie par avance.
Gregory.
Modifié par doncho (30 Jan 2012 - 14:20)
