[解決]ブログ記事のFacebookのいいね！を押した時にコメント欄が切れて表示されない件

何故こうなるのかわからず、放置していましたが、記事を書いたことでいろいろとアドバイスをいただき、解決させることができました！Facebookでのお友達で時々一緒に仕事をする方に助けていただき、解決することができました。ありがとうございます！

このページの目次

CSSをちょっといじくる

このテンプレートのCSSにこんな記述がありました。

 /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; }

これをコメントアウトすると直りました。

はっきりとした原因はわかりませんが、いいね！を押した時に中でいろんな処理が動いているらしく、そこでiframeが生成されるようです。そこに「max-width: 100%;」が入っていたことが原因です。

いいね！ボタンを貼り付けるタグに「width=100」が入っているので、これではコメント欄全体を表示することはできませんね・・・。

それぞれ使っているテンプレートやCSSコーディングの仕方が違うと思います。

同じ現象で悩んでいる方はCSSのiframeタグを見直して見ることをオススメします。