मेरा फेसबुक लॉगिन पॉपअप विंडो केंद्रित नहीं है, मैं इसे कैसे केंद्रित कर सकता हूं?

Question

निम्न कोड लिंक में एक फेसबुक लॉग प्रदर्शित करता है, और सभी मामलों में ठीक काम करता है, निष्पादित करता है कि जब क्लिक किया जाता है, तो फेसबुक लॉगिन पॉपअप विंडो केंद्रित नहीं होती है (इसके बजाय यह स्क्रीन के दाहिने मध्य भाग पर अजीब दिखाई देती है):

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

मैं वर बाईं चिपके करने की कोशिश की, और कहा कि अगर खिड़की स्थिति होगा लेकिन उसने ऐसा नहीं किया स्क्रिप्ट की शुरुआत करने के लिए वर शीर्ष विकल्प देखने के लिए। दिखाई देने वाले पॉपअप विंडो को केन्द्रित करने के लिए मैं उपरोक्त कोड को कैसे संशोधित कर सकता हूं इस पर कोई सुझाव?

सभी उत्तरों की सराहना की जाती है, धन्यवाद।

Answer 1

आपका फेसबुक div

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

एक और भीतर है। अपने body टैग के नीचे इसे सही रखने की कोशिश करें!