Moje wyskakujące okno logowania do Facebooka nie jest wyśrodkowane, jak je wyśrodkować?

Question

Poniższy kod wyświetla link do logowania na Facebooku i działa dobrze pod każdym względem, należy wykluczyć, że po kliknięciu okienko logowania do Facebooka nie jest wyśrodkowane (zamiast tego pojawia się niezręcznie w prawej środkowej części ekranu):

<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> 

próbowałem trzymać lewą var i var top opcje do początku skryptu, aby zobaczyć, czy byłoby umieszczenie okna, ale tak się nie stało. Jakieś sugestie, w jaki sposób mogę zmienić powyższy kod, aby wyśrodkować wyświetlone okno?

Wszystkie odpowiedzi są mile widziane, dzięki.

Answer 1

Twój facebook div

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

jest wewnątrz drugiego. Spróbuj umieścić go tuż pod tagiem body!