Cửa sổ bật lên đăng nhập facebook của tôi không nằm ở giữa, làm thế nào tôi có thể căn giữa nó?

Question

Đoạn mã sau hiển thị liên kết đăng nhập facebook và hoạt động tốt ở mọi khía cạnh, thực hiện khi nhấp vào, cửa sổ bật lên đăng nhập facebook không được đặt ở giữa (thay vào đó nó xuất hiện ở phần giữa bên phải của màn hình):

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

tôi đã cố gắng gắn bó với var trái, và các tùy chọn var trên xuống đầu của kịch bản để xem nếu mà có thể xác định vị trí các cửa sổ nhưng nó thì không. Bất kỳ đề xuất nào về cách tôi có thể sửa đổi mã ở trên để căn giữa cửa sổ bật lên xuất hiện?

Tất cả câu trả lời đều được đánh giá cao, cảm ơn.

Answer 1

facebook div của bạn

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

là trong vòng một. Hãy thử đặt ngay bên dưới thẻ body của bạn!