我的Facebook登录弹出窗口没有居中显示，我该如何使其居中？

Question

我的Facebook登录弹出窗口没有居中显示，我该如何使其居中？

8

以下代码显示了一个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 left和var top选项粘贴到脚本开头以查看是否可以定位窗口，但是没有成功。您有什么建议可以修改上述代码以使弹出窗口居中显示吗？感谢您提供的所有答案。

- apric0t

嗨，你找到解决这个问题的方法了吗？ - dragonvsphoenix

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Sascha Galley · Answer 1

你的 Facebook div

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

是在另一个元素内部。尝试将其放置在您的body标签正下方！