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

スポンサーリンク

前回「[HELP!!]ブログ記事のFacebookのいいね!を押した時にコメント欄が切れて表示されない件」でコメント欄が切れてしまう現象を紹介しました。

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

Corbis 42 34672369

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タグを見直して見ることをオススメします。