Facebook登录按钮位置

Question

我的页面上有一个Facebook登录按钮。我把在一个div：

<div id="signin">    
    <div class="fb-login-button" data-show-faces="true" data-width="200" data-max-rows="1" registration-url="index.php?reg=1"></div>     
</div> 

当用户已经登录Facebook和我的应用程序registred这apppears：

我有2个问题：

• 当页面加载时登录按钮首先出现在我的页面的一个极端角落。然后它回到正确的位置。

• 如果用户没有注册/登录（第一个按钮）我希望它看起来有点低，这有可能吗？

谢谢您的帮助

Answer 1

尝试将CS​​S为signin DIV是overflow: hidden使任何未对齐的内容不会显示。这将修复出现在页面角落的登录按钮。

没有降低按键的解决方案，但你可以试试这个方法来代替：

1. 设置data-show-faces="false"隐藏的面孔。
2. 用户登录后，使用面孔插件实现与登录按钮相同的效果。

以上步骤可让您正确配置每个元素，以便您可以使用CSS来移动登录按钮，同时保留面部。