У меня всплывающее окно входа в Facebook не по центру, как я могу его центрировать? - PullRequest
Новая
       28

У меня всплывающее окно входа в Facebook не по центру, как я могу его центрировать?

8 голосов
/ 10 августа 2011

Следующий код отображает ссылку для входа в 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 top в начало скрипта, чтобы увидеть, будет ли это располагать окно, но это не так. Любые предложения о том, как я могу изменить приведенный выше код, чтобы центрировать всплывающее окно, которое появляется?

Все ответы приветствуются, спасибо.

1 Ответ

0 голосов
/ 10 августа 2011

Ваш фейсбук div 

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

внутри другого. Попробуйте поместить его прямо под тегом body!

...