Discussion :

[doncho23]

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 :

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
57
58
59
60
61
#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;
 
		}

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
<?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.

[thelvin]

Tu sais, c'est pas complètement impossible que Firefox 3.0 ait un bug par exemple dans la gestion de la position absolue dans certaines circonstances.

C'est des choses qui arrivent. C'est pour ça qu'il y a des mises à jours correctives et qu'on en est aujourd'hui à la version 10.0

Là comme ça, moi je mettrais pas des marges négatives, et j'utiliserais des z-index un peu moins hallucinés. Aussi, j'éviterais les noms de balises qui existent pas. De manière générale je m'attendrais pas à grand-chose en stylisant du Flash.

Mais à part ça, la méthode employée semble raisonnable, et le fait qu'il y ait du flash, ben ça a l'air d'être un peu le but donc t'y peux rien. Peut-être faire gérer la silhouette sombre et le cadre par l'applet Flash elle-même ?
T'as plus qu'à essayer tout et n'importe quoi, jusqu'à ce que tu tombes sur quelques chose qui fait pas de bug avec Firefox 3.0. (Ou alors tu dis merde à ceux qui ont pas mis à jour Firefox depuis fin 2009.)

[Bovino]

(Ou alors tu dis merde à ceux qui ont pas mis à jour Firefox depuis fin 2009.)

Je ne formulerais peut-être pas exactement comme ça, mais l'idée générale est là...