Lightbox bug, fond noir ne prend pas tout l'écran.

Bonjour a tous,

Voila j'ai fais maint recherche et bidouille mais la je n'arrive pas a resoudre le probleme.

J'ai le fond noir de ma lightbox qui ne prend pas tout l'ecran. Sur IE et FireFox.

http://shima.fr/lightbox.jpg

 #lightbox{	
	position: absolute;	
	left: 0; 
	width: 100%; 
	z-index: 100; 
	text-align: center; 
	line-height: 0;
}

#lightbox img{ 
	width: auto; 
	height: auto;
}

#lightbox a img{ 
	border: none; 
}

#outerImageContainer{ 
	position: relative; 
	background-color: #fff; 
	width: 250px; 
	height: 250px; 
	margin: 0 auto; 
}

#imageContainer{ 
	padding: 10px; 
}

#loading{ 
	position: absolute; 
	top: 40%; 
	left: 0%; 
	height: 25%; 
	width: 100%; 
	text-align: center; 
	line-height: 0; 
}

#hoverNav{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; 
}

#imageContainer>#hoverNav{ 
	left: 0;
}

#hoverNav a{ 
	outline: none;
}

#prevLink, #nextLink{
	 width: 50%; 
	 height: 100%; 
	 background-image: url(data:images/gif;base64,AAAA); 
	 /* Trick IE into showing hover */ 
	 display: block; 
 }
 
#prevLink { 
left: 0; 
float: left;
}

#nextLink { 
right: 0; 
float: right;
}

#prevLink:hover, #prevLink:visited:hover { 
	background: url(../images/prevlabel.gif) left 15% no-repeat; 
}

#nextLink:hover, #nextLink:visited:hover {
	background: url(../images/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer{ 
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff; 
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto; 
	width: 100%	; 
}

#imageData{	
	padding:0 10px; 
	color: #666; 
}

#imageData #imageDetails{
	width: 70%; 
	float: left; 
	text-align: left; 
}	

#imageData #caption{ 
	font-weight: bold;	
}

#imageData #numberDisplay{ 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}
			
#imageData #bottomNavClose{ 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em; 
	outline: none;
}	 	

#overlay{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #000;
 }

html

<div id="corp">
        	<div id="galerie">
            	
                	 <a title="gobelin" href="galerie/tete-de-gob.jpg" rel="lightbox" ><img alt"dessin" src="thumb/tete-de-gob.jpg" /></a>
                     <a title="compo01" href="galerie/compo02.jpg" rel="lightbox" ><img alt"dessin" src="thumb/compo02.jpg" /></a>
                     <a title="compo02" href="galerie/compo.jpg" rel="lightbox" ><img alt"dessin" src="thumb/compo.jpg" /></a>
                     <a title="commpo03" href="galerie/composition_de_visage.jpg" rel="lightbox" ><img alt"dessin" src="thumb/composition_de_visage.jpg" /></a>
                     <a title="Corbeau" href="galerie/corbeau.jpg" rel="lightbox" ><img alt"dessin" src="thumb/corbeau.jpg" /></a>
                     <a title="DOba" href="galerie/Doba.jpg" rel="lightbox" ><img alt"dessin" src="thumb/Doba.jpg" /></a>
                     <a title="Dodoche" href="galerie/dodoche.jpg" rel="lightbox" ><img alt"dessin" src="thumb/dodoche_beta_1.1.jpg" /></a>
                     <a title="visage_femme" href="galerie/femme.jpg" rel="lightbox" ><img alt"dessin" src="thumb/femme.jpg" /></a>
                     <a title="femme_papillon" href="galerie/Femme_papillon.jpg" rel="lightbox" ><img alt"dessin" src="thumb/Femme_papillon.jpg" /></a>
                     <a title="redhair" href="galerie/femme.jpg" rel="lightbox" ><img alt"dessin" src="thumb/femme_rouge.jpg" /></a>
                     <a title="femme_mouvement" href="galerie/femme-femme-02.jpg" rel="lightbox" ><img alt"dessin" src="thumb/femme-femme.jpg" /></a>
                     <a title="gatsu" href="galerie/GaTsu.jpg" rel="lightbox" ><img alt"dessin" src="thumb/GaTsu.jpg" /></a>
                     <a title="gorille" href="galerie/Gorilla.jpg" rel="lightbox" ><img alt"dessin" src="thumb/Gorilla.jpg" /></a>
                     <a title="goro" href="galerie/goroyellow.jpg" rel="lightbox" ><img alt"dessin" src="thumb/goroyellow.jpg" /></a>
                     <a title="grand_maître" href="galerie/grand_maitre.jpg" rel="lightbox" ><img alt"dessin" src="thumb/grand_maitre.jpg" /></a>                     
                     <a title="punk" href="galerie/KinG.jpg" rel="lightbox" ><img alt"dessin" src="thumb/KinG.jpg" /></a>
                     <a title="gorilla" href="galerie/le_penseur_de_ShimA.jpg" rel="lightbox" ><img alt"dessin" src="thumb/le_penseur_de_ShimA.jpg" /></a>
                     <a title="hajime_no_gatsu" href="galerie/hajime_no_gatsu.jpg" rel="lightbox" ><img alt"dessin" src="thumb/hajime_no_gatsu.jpg" /></a>
                     <a title="levitation" href="galerie/levitation.jpg" rel="lightbox" ><img alt"dessin" src="thumb/levitation.jpg" /></a>
                     <a title="ladys_face" href="galerie/ma_femme.jpg" rel="lightbox" ><img alt"dessin" src="thumb/ma_femme.jpg" /></a>
                     <a title="mafio" href="galerie/mafio.jpg" rel="lightbox" ><img alt"dessin" src="thumb/mafio.jpg" /></a>
                     <a title="oriental" href="galerie/oriental.jpg" rel="lightbox" ><img alt"dessin" src="thumb/oriental.jpg" /></a>
                     <a title="wahou" href="galerie/wahou.jpg" rel="lightbox" ><img alt"dessin" src="thumb/wahou.jpg" /></a>

           </div>

Modifié par ShimA (04 Aug 2008 - 17:45)

Bonjour

Tes précédents problèmes sont-ils résolus ?
Si tel est le cas, merci de l'indiquer dans les en-tête de sujet comme indiqué dans la FAQ.

Bonsoir,
Yep je viens de rajouter la mention Résolu, sauf sur le deuxième je n'ai eu aucune réponse mais le problème n'est plus d'actualité.

Ben moi ça m'aurait bien aidé que tu puisses iniquer ce que tu avais fait comme manip car j'ai le même problème...