Discussion :

[Achae65]

Bonjour,
Avant de venir solliciter votre aide, j'ai recherché partout sur le net.
J'ai créer une videobox: http://www.cyrusprod.com/productions.html qui marche très bien sur Firefox, Safari et Opera mais sur IE ... le fond ne se grise pas, et la vidéo se place tout en haut du site et non plus bas comme sur les autres navigateurs.

Code des vidéos:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="animation.swf" value="SteelExternalPlaySeekMute.swf" rel="vidbox 364 237" title="Animation 2D / 3D"><span class="style20">Extraits d'animation 2D / 3D</span></a><a href="video.swf" value="SteelExternalPlaySeekMute.swf" /margin-top="50px" rel="vidbox 364 237" title="Vidéo"><span class="style20">Extraits vid&eacute;o</span></a>

CSS lightbox:

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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
body {margin: 0;}
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
	position: fixed;
}
 
#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff; 
	text-align: center; 
	padding: 5px;
}
 
.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}
 
#lbImage {
	border: 10px solid #fff;
}
 
#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}
 
#lbPrevLink {
	left: 0;
}
 
#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}
 
#lbNextLink {
	right: 0;
}
 
#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}
 
#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 5px solid #fff;
	border-top-style: none;
}
 
#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
}
 
#lbCaption, #lbNumber {
	margin-right: 71px;
}
 
#lbCaption {
	font-weight: bold;
}

Si quelqu'un trouve la solution alors merci
Emilie

[Achae65]

En ce qui concerne le placement de la lightbox c'est bon, mon problème reste le fond gris...
Dans mon code j'ai vue que j'avais deux fois "position":

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
#lbOverlay {
	position: absolute;
	position: fixed;
}

Si je laisse "position: absolute;" alors le fond se grise sur IE mais pas entièrement, le fond est gris sur le haut de la page, mais dès que je descend avec la molette de la souris alors je vois qu'en bas le fond n'est pas gris (d'ailleurs il fait la même chose avec Firefox mais marche avec chrome, opera et safari)

Si je laisse "position: fixed;" alors ça marche sur Firefox mais plus sur IE

Des propositions?