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

執筆者:

関連記事

no image

blog chart.jp のブログパーツが重いので勝手に改造した

すでにローンチから時間が経ってしまっていますが、ブログを色々な角度から解析してチャート化してくれるWebサービス「blog chart.jp」というのがあります。 ABCDEFGの頭文字をもつ6つの指 …

no image

第2回:<IMG>タグに関わる基本的な事

前回は画像にborderで装飾を付けるサンプルを書きましたが、今回は順番が前後するかもしれませんがもうちょっと基本的なルールについて記述します。

4マイク+5ヘッドフォンの音声収録機材

完全に自分用の備忘録ですが・・・(汗) Ustreamなどインターネットを使った動画生配信を何度か実施していて、地方からリアルタイムコンテンツを発信する良い媒体だと思っているので、少しずつでもできるこ …

no image

mixi日記投稿用APIを使ってPHPからmixi日記にポスト

via: mixi for iPhoneから発掘されたmixi日記投稿用API « ku という事で、iPhone用のアプリをキッカケにmixi日記にポストできるAPIが見つかったそうです。Perlの …

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

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

スポンサードリンク

スポンサードリンク