当你“喜欢”页面获得截止时，Facebook共享窗口 [英] Facebook share window when you “Like” a page getting cutoff

问题描述

我正在尝试将FB添加到我的网站。似乎似乎工作好了。但是，当有人点击Like按钮（在Mac Lion上使用Firefox）时，会出现一个共享框，显示我的页面上的截图。理想情况下，我希望共享框完全出现，以便访客可以分享他们的喜好。如果这是不可能的，那么摆脱分享框一起只是离开喜欢。

I am trying to add the FB like to my website. The like seems to work ok. However, when someone clicks the Like button (using Firefox on Mac Lion) a Share box appears which is show cutoff on my page. Ideally I would like the share box to fully appear so that visitors can share their like. If this is not possible then getting rid of the share box all together just leaving the "Like".

这是它的外观：

Facebook like http://www.sofiaandluis.com/public/facebook_like .png

以下是代码：
HTML

Here is the code: HTML

<div class="column-area">
    <div class="suscribe-social">
        <div class="up make-word-breakable">
            <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=xxxxxx";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));</script>
            <div class="fb-like" data-href="https://www.facebook.com/pagename" data-send="false" data-width="300" data-show-faces="true" data-font="verdana"></div>
        </div>
        <div class="down make-word-breakable"></div>
    </div>

CSS

.column-area {
    width: 300px;
    display: block;
    box-sizing: border-box;
    float: left;
    margin-left: 2.127659574%;
}
.suscribe-social {
    border: 1px solid #E4E4E1;
    margin: 5px 0px 20px 0px;
}
.suscribe-social .up {
    padding: 10px;
    display: inline-block;
}
.make-work-breakable {
    word-wrap: break-word;
}

推荐答案

。我删除了类

.fb-like iframe {
    width: 290px !important;
}

这篇关于当你“喜欢”页面获得截止时，Facebook共享窗口的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！