prettyPhoto problema posicionamiento del Lightbox

Hola sigo dando vueltas con este problema por lo que consulto si alguin me puede ayudar, estoy maqueteando una web de navegación horizontal y le agrege el Lightbox "prettyPhoto" en este caso, el cual anda barbaro a no ser...
porque se me ejecuta al lado izquierdo de la pantalla y no en el centro donde esta la sección.
Acá dejo un link de prueba para ser mas grafico, el item del menu es "Merchandising", ahi se desplaza hasta esa sección y al hacer click en alguna imagen veran como se me desplaza el Lbx.
Como puedo correguirlo?
Muchas Gracias
demoche


http://www.bezowiedesign.com.ar/thweb/test.html

supongo que te refieres al "first section", pon uno vacio como incial y tal vez solucionado.. (solución rápida)

Probe y no es eso, me refiero que si cliqueo en el menu la sección "Merchandising" el scroll va directamente a esa sección, bien, y cuando cliqueo alguna de las imagenes, el Lightbox se desarrolla donde estaria la sección "HOME" es decir fuera de pantalla a la izquierda.

ok ahora ya te has esplicado mejor....
...no he mirado el código, pero estará el tema en el evento que se produce, y habría que indicar donde, o mediante css posicionarlo donde quieras.

por lo que veo es que se abre tomando referencia la capa <div id="content">, asi que debería crear si acaso una nueva capa que no dependiera de esta anterior, ya que esta capa se usa para hacer el efecto desplazándose. Y por lo tanto toma su referencia... cuando estas en mercha.. esta capa esta movida pero la imagen se centra basandose en su margen izquierdo.

Si pero no he podido variar el CSS del overlay para que me lo posicione en el medio de la pantalla.

div.pp_overlay {
background: #000;
display: none;
position: absolute;
left:0;
top: 0;
width: 100%;
z-index: 9999;
}

y en el "js" no pude encontrar ningun parametro a variar.

bezowie escribió:

como yo te decía era crear el div.pp_overlay fuera del content.
----
si lo quieres seguir manteniendo... entonces deberias cambiar los parametros left y top,... bueno el top sigue igual , el left debería ser el contrario al div content, por ejemplo si es -1500, debería ser left:1500,
---

PD: no lo he probado pero me parece que la solución va en esa dirección.

Si pero ponerle un valor negativo a Left no es la solución ya que como la navegacion del sitio es horizontal, "Left" varia constantemente, por lo cual proble con porcentaje en "Left y Right" y tampoco funciona, o algo le falta a mi CSS o tmb debe tener que ser alguno del JS para que construya el OVERLAY y su contenido a partir del 0 del html o header y no del que contiene a la imagen.

mi css que probe es:

div.pp_overlay {
background: #000;
display: none;
position: absolute;
left:50%;
right:50%;
top: 0;
width: 100%;
z-index: 9999;
}

Gracias Silvestre por la atención!
Segui investigando y lo resolvi, es increible lo facil que era resolverlo pero bue aveces sucede.

position: fixed;

ó

div.light_rounded, div.dark_rounded, div.facebook,
div.light_square, div.dark_square, div.pp_overlay { position: fixed; }


y listo!
Abrazos

ok, esas soluciones son las que me gustan,...

aclaración: yo no decía poner un valor negativo... sino positivo, al ser variable, claro esto sería necesario con javascript, cojiendo el valor actual de la capa y sumando el valor necesario... pero tu solución mucho mas y mejor.