Facebook模块定位于safari移动版

时间:2014-04-21 21:16:20

标签: css ipad mobile-safari

我无法在我正在构建的网站的页脚中找到Facebook关注按钮。它在桌面上运行良好,但在移动游猎时,它应该保持正确,它位于左侧。我试过了似乎也没用的花车。有人能告诉我出了什么问题吗?

这是链接: http://andreascharalambous.com/newsite/

以下是基于twitter bootstrap的标记:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=311803262255643";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="container">
    <div class="fb-follow" data-href="https://www.facebook.com//pages/AndreasCharalambouscom/275009314345" data-colorscheme="light" data-layout="button" data-show-faces="false"></div>
    <div class="copy">&copy andreas charalambous 2014 - All Rights Reserved</div>
</div>

footer .copy{
    padding:10px;
    font-weight:100;
    float:left;
    clear:both;
}

footer .fb-follow{
    position:absolute;
    top:10px;
    right:30px;
    display:block;
    width:50px;
}

footer .container{
    border-top:1px solid #ccc;
    margin-top:35px;
    position:relative;
}

似乎有一些事情发生在加载后facebook注入页面的代码。祝好运!我不知道......

0 个答案:

没有答案