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, 小技集

執筆者:

関連記事

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

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

第4回:twitter の JavaScript Badge をIEで表示するとおかしい件に対応してみる

twitter 流行ってますね。みなさんも使っていますか? オレはというと…ポツリポツリと呟いています。 friends は2人しかいません orz twitter は SNS 的な使い方もできるツー …

有名ブログのアクセス解析と比較して、自分のブログの特性を知る

2008年の総括はすでにエントリーしたのですが、ユルカン PC Lifeで[N]ネタフルさんのアクセス解析情報(Google Analytics)が公開されていたので、自分のとこと比較してみようと思い …

第3回:JavaScriptで画像サイズと合ったポップアップウィンドウを開く

[追記:2008/07/04] 更に改良したスクリプトをつくりましたので下記エントリーの方を参照して下さい。 ・Re2: 第3回:JavaScriptで画像サイズと合ったポップアップウィンドウを開く …

ブログに埋め込んだFlickr画像に自動でEXIF情報を追加する「FlickrEx」がLazyLoadに対応!

ボクは写真が好きで、バックアップも兼ねてFlickrに全ての写真データをアップロードしているのですが、ブログに貼り付ける画像もFlickrにアップロードしたものを使っています。プロアカウントを持ってい …

スポンサードリンク

スポンサードリンク