前回「[HELP!!]ブログ記事の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コーディングの仕方が違うと思います。
同じ現象で悩んでいる方はCSSのiframeタグを見直して見ることをオススメします。
