Creazy!

WEBエンジニア・ヤガーのテック・ガジェットブログ

CSS Facebook 小技集

Facebookの「Recommendations Bar」が端っこから微妙にズレる件の修正方法

投稿日:


2013-02-13_facebook_recommendation_bar_01
Facebookソーシャルプラグインの1つRecommendations Barは、ソーシャルグラフを解析し見ているページに関連するオススメページをブラウザ画面の端っこに表示してくれる機能を持っているのですが、数日前から上のスクリーンショットのように、画面端から少し内側に表示されてしまっていました。
これだけ内側に来てしまうとメインコンテンツが見えにくくなってしまうケースがあるので、ボクはプラグイン自体をはずしてしまったんですが、表示位置だけの問題なので、CSSで無理やり修正することもできます。

Recommendations Barの表示ズレを修正するCSSスニペット

こんなCSSを追加したら直りました。

<style type="text/css">
iframe.fb_ltr { left:0px !important; }
</style>

2013-02-13_facebook_recommendation_bar_02
↑はい、直りました。
まあ、どう考えてもバグっぽいのでその内本家の修正が行われると思うのですが対応急ぎたい場合はどうぞ。
※Chrome、Firefoxで簡単に確認しただけですので、ご利用は自己責任にてお願いします。

-CSS, Facebook, 小技集

執筆者:

関連記事

Movable Typeで記事中の画像に遅延ロード効果の「Lazy Load」を一括適用する方法

MovableTypeのカスタマイズ情報などで大変お世話になっている小粋空間さんで、こんな記事があがっていたので反応してエントリーしてみます。 ・画像を遅延ロードする定番jQueryプラグイン「Laz …

no image

第9回:閲覧しているサイトへのリンクタグを生成するブックマークレット

どうしてもっと早く気がつかなかったんだろう、と思うくらい便利なブックマークレットを思い付きました。既出かもしれないけど、公開しておきます。 ブログを書いていると、他のブログのエントリーへのリンクを貼っ …

ちょっとまった!→FeedBurner経由の分散したブックマークを一つにまとめる方法

つい先日、FeedBurnerのトラッキング用パラメーターを取り除くUserScriptというのを公開したのですが、FeedBurnerやTwitterFeedが勝手に追加してくるパラメーターがウザイ …

【更新】ソーシャルメディアに共有するボタンの設置方法(Twitter, facebook, mixi, GREE, Evernote, Google+, Tumblr, Pinterest, はてブ)

ソーシャルメディアの各サービスがこぞって「いいね!」などの共有ボタンをリリースしています。ブログやニュースメディアでも頻繁に目にする昨今ですが、色々なソーシャルボタンの設置方法をまとめて紹介したいと思 …

Googleドライブのフォーム機能からGoogle Apps Scriptを使ってメール自動返信2014年版

Googleドキュメントのフォーム機能からGoogle Apps Scriptを使ってメール送信 [C!] 上記記事は2011年に書いて今でも非常にたくさん参照されているのですが、Googleの仕様変 …

スポンサードリンク

スポンサードリンク