Mi ventana emergente de inicio de sesión de Facebook no está centrada, ¿cómo puedo centrarla?

Question

El siguiente código muestra un enlace de Facebook y funciona bien en todos los aspectos, excepto que al hacer clic, la ventana emergente de inicio de sesión de Facebook no está centrada (en cambio aparece torpe en la parte media derecha de la pantalla):

<div class="provider_logo big" name="facebook"> 
<div class="inner"> 




<div id="fb-root"></div> 
<script src="http://connect.facebook.net/en_US/all.js"></script> 
<script> 
    function check_login_status() { 

     var FB_API_KEY = "XXXXXXXXXXXXXXX"; 
     FB.init({ 
      appId:FB_API_KEY, cookie:true, 
      status:true, xfbml:true 
     }); 
     FB.getLoginStatus(function(response) { 
      if (response.session) { 
       redirect_to_done_page(); 
      } else { 
       FB.login(function(response) { 
        if (response.session) { 
         redirect_to_done_page(); 
        } else { 
         // user cancelled login 
        } 
       }, {perms:'email'}); 
      } 
     }); 
    } 

    function redirect_to_done_page() { 
     window.location = "/account/facebook/done/"; 
    } 
</script> 
<a style="position: relative; top: -8px;" href="javascript:void(0);" onclick="check_login_status()" perms="email"><img src="/images/facebook.gif" /></a> 

he intentado pegar la var izquierda, y las opciones principales var al comienzo de la secuencia de comandos para ver si eso fuera a la posición de la ventana, pero no lo hizo. ¿Alguna sugerencia sobre cómo puedo modificar el código anterior para centrar la ventana emergente que aparece?

Todas las respuestas son apreciadas, gracias.

Answer 1

Su facebook div

<div id="fb-root"></div> 

está dentro de otra. ¡Intenta colocarlo justo debajo de tu etiqueta body!