2011-08-10 83 views
7

下面的代碼顯示了一個facebook登錄鏈接,並且在各方面都工作正常,當點擊時忘記了Facebook登錄彈出窗口沒有居中(相反,它在屏幕的右中間部分顯得笨拙):我的Facebook登錄彈出窗口不居中,我該如何居中呢?

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

我試着堅持了var左和var頂部的選項腳本的開始,看看是否會定位窗口,但事實並非如此。關於如何修改上述代碼來居中顯示的彈出窗口的任何建議?

所有的答案表示讚賞,謝謝。

+0

嗨。你找到了解決這個問題的方法嗎? – dragonvsphoenix

回答

0

您Facebook的div

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

是中的另一個。嘗試將其放置在body標籤的正下方!

+1

它不適合我!並且看起來與彈出位置無關。 – ehsun7b

+0

@Sescha,男士100感謝你,它的工作很酷 – Adrian

+0

不工作。它總是顯示在右邊 –