OGPに対応しますた。

以前から気になっていたソーシャルボタンを修正して満足していたのもつかの間。 また別の問題に気がつきました。 facebookのいいねボタンを押すと・・・ あれ？ コメント欄が切れる？ いいねボタンを押した時に表示されるサムネイル、タイトル、サマリーが表示されるコメント欄。 自分のコメントを入れたりしてフェイスブックのタイムラインに表示させる機能の筈なのですが、上手く表示されません。 色々調べてみるとこのコメント欄はiframeを使用しているらしく、 CSSのリセットなどで、このiframeに対して何か指定していると問題が出る場合が多いらしい。 例えば「（親要素に対して）幅は１００％ね！」的な。 そこで、CSSを調べてみたが私はiframeに対して設定をしていません。 念のため、以下のコードを追加して様子を見るも・・・・ .fb_like iframe { max-width:none !important;} 変化無し。 じゃあ、どの要素に幅の影響を受けているかを見てみた。 どうやら、２カラム構成の右側のdivの外枠に影響を受けてるっぽい。 ふむ でもfloatは枠の外へ飛び出しちゃう筈だから・・・divのサイズに影響を受け・・・あれ？ float解除しちゃえばその限りじゃないか。 じゃあclearfix？ まさか（笑） って事で、クリアフィックス関係の記述を見ていたら、 over... 続きを読む

2014年4月4日¦ カテゴリ：ストブロ ¦ コメント (0)