Duda con Lightbox 2

[Bitxodesign]

Hola muy buenas.
Soy nuevo en el foro, al final e decidido registrarme. Ya que estoy me presento.
Soy de bilbao, estudiante de diseño, 20 añitos. He acabado reciente de diseñar mi portfolio con los trabajos de clase y esas cosas.

La pregunta es esta, yo diseño en DW y a la hora de testear el lightbox se abre perfectamente bien. Pero una vez subo el sitio por FTP al host el lightbox no se abre. He provado todo, desde a camiar las imagenes de sustitucion a las que esta vinculado el lightbox a poner solo imágenes, he revisado el codigo mil vece...

ojala podais ayudarme, no se que hacer ya. De todas formas gracias de antemano.

os dejo el link en cuestion. http://portfoliodebittorberaza.webuda.com/Galeria1.html

[Bitxodesign]

ahora que lo veo si que abre el lightbox, pero lo abre muy abajo en la parte izda de la pantalla... nose, no he tocado ningunparametro en el script del lightbox.

y comio digo cuando yo lo previsualizo en el navegador desde el dreamweaver lo veo correcto, esto ha sucedido al subir el sitio a la red

[JavierB]

Hola Bitxodesign

Muevo tu tema al foro de Javascript desde Web general.

Saludos,

[Bitxodesign]

este es el CSS del lightbox, que yo sepa esta correcto, y tendria que aparecer en su lugar centrado en la pantalla...

Código PHP:

#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: 49%; height: 100%; background-image: url(data:image/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; }
 

[Bitxodesign]

solucionado subiendo el sitio de nuevo