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

執筆者:

関連記事

Ffmpegで複数動画ファイルを無劣化で結合したり、無劣化で切り出したりする

いつまで経ってもffmpegのコマンドが覚えられないヤガーです。 というわけで、今回もよく使うコマンドをご紹介、というか自分用メモ。 このごろイベントの撮影やライブ配信をしていて、固定カメラで動画を長 …

no image

動画を楽しもう!(YoutubeのFLVの在処とダウンロード用ブックマークレット)

前に作った富豪的なブックマークレットが一時的にダウンロードできない状態になった(現在は復旧)。 ・動画を楽しもう!(Youtubeの動画を片っ端からダウンロードするブックマークレット) 原因は恐らく、 …

no image

AmazonのURLを短くするブックマークレット

今日、はてブ経由でこんな豆知識を仕入れました。 もともとAmazonの商品ページは、書籍であれば10けたのISBNコード、それ以外の製品もASINの10けた番号さえあればアクセス可能だ。 via: 3 …

Twitter @Anywhereをブログのコメントシステムにする方法

Welcome to @Anywhere | dev.twitter.com もはや、WEB界隈ではコミュニケーションプラットフォームとして定着しつつあるTwitterですが、先週、自分のサイトにJa …

no image

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

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

スポンサードリンク

スポンサードリンク