2011-06-22 8 views
13

Facebookのコメントボックスが切り詰められている理由を理解しようとしています。私はwidth属性を必要以上に大きなサイズに変更しようとしました。サポートされているようには見えませんが、fb:likeの定義に高さ属性を追加しました。どちらも役に立たなかった。Facebookのコメントボックスが縦横に切り取られている

fb:like要素のすぐ下のComments要素に "margin-top"スタイルを設定して、コメントボックスの下のコンテンツと関係がないことを確認しました。

あなたは私がここで話しているかのスクリーンショットを見ることができます:http://i.stack.imgur.com/y2Fll.jpg

私は今、しばらくの間、この1に取り組んできました。誰でも助けてもらえれば分かります。ありがとう!

+0

コードサンプルがありますか?一見、それは一定の幅と高さを持つ容器の中にあるように見えます。 – Jesse

答えて

15

すべての親要素がCSS定義にオーバーフロー:可視設定されていることを確認してください。

+0

ありがとう!これで別の時間を節約できました.. –

0

iframeがmax-width: 100%;に設定されていると、これは完全にfbのようなボタンでネジ止めされていることがわかりました。それはしかし、親はたくさんのスペースがにあった私の場合のように、それをカットしていることであるかもしれないあなたのケースでは

.fb-like iframe { 
    max-width: inherit; 
} 

:私は、CSSの単純なビットはトリックをした{ max-width: inherit; }

6

iFrameにするためにそれを変更しましたコメントボックスの右側。しかし、iframeは完全に配置されていなければならず、そのため、同じボックス全体の親が何であるか気にしないでください。

0

コード内に高さ62pxがありますが、ページ名が2行のようなボタンの部分が途切れて高さが自動的に更新されない場合は、これを70に更新しました問題が解決しました

関連する問題