ページを選択

ストブロ

Coffee's Blog.

facebookのソーシャルボタン、コメント欄が切れる問題

執筆者 | 2014年04月01日 | ストブロ

先日修正したソーシャルボタン。
一見無事に動いている様でしたが、フェイスブックのボタンを押した時に問題があることに気がつきました。

リンクを共有する際にコメントを記入できるように吹き出し(コメント欄)が出るのですが、それがちゃんと表示されない・・・
途中で切れてるんですよね。

サイドバーの所では右側が切れる。
単記事の所では下側が切れる。

なんだこりゃ?という事で色々調べたり、悩んだり。

一般的には「iframe」要素に「max-width:100%」とかが指定してあると親要素の幅による制限を受けるそうで、
.fb_like iframe { max-width:"none !imortant"}
とかやると改善するらしいです。

私の風邪は喉から。
じゃなくて、私の場合はそれでは全く改善されず。

で、よーーーーくみてみると。
確かに親要素の横幅で切れている。
で、その親要素って厳密にどれよ?と見ていきました。

私のウェブサイトは現在2カラム構成。
右と左で分かれているのですが、どうやらその2カラムを分けるdivまで遡ります。

でも、floatやpositionって親要素から浮いている感じになるんじゃ?
あれ?って事でどうやら「overflow」の設定が怪しいことに気がつきました。

でも、overflowなんて、ナビゲーションを並べたりする要素にしか使ってないし・・・

ぴきーーーーーーん!

く、クリアフィックスっすかΣ(゜д゜;)

私のcssにはclearfixが設定されています。
当時色々調べて、それなりの物を設定したつもりなのですが、ここにありました。
overflow:"hidden"が。

これを削除したらあっさり解決。
私の2時間を返して。

クリアーフィックス的にもたぶん問題無いのか?
とりあえず、これで様子を見ます(´・ω・`)

アップデート!MagEZ Slider 2、MagEZ Case for AirPods Pro2

以前もご紹介したことアルPITAKAのMagsafe対応iPhoneケースを中心にした充電ソリューションが、密かにアップデートしてた!今回特に注目したいのはAirPods Proのケース「MagEZ Case for AirPods Pro...

MagEZ Slider +Power Dongle MagSafe

iPhone14に機種変をしていよいよMagSafe環境が充実してきましたが、次に気になるのは充電環境。そこでケースや車載ホルダと同様にPitakaのエコシステムの中で充電環境も整えてみました。 MagEZ Slider...

アプリへのアクセスを解析して利用状況を把握したい!

アプリを作ったけど、「果たして本当に使ってもらっているの?」という不安がつきまとう(笑) 逆に言えばアクセスが少ないアプリは、何か改善が必要なのかも…そのアプリの利用状況をログとして保存し、アクセス解析に使用したい!と思いました。そしたら、全然そういうのはない...

本当にあったデータ削除の話

 本当にあったデータ削除の話。一体なんの事なのか? 最初にデカデカと貼った画像、これはWordpressのプラグインでBroken Link...

Mackie Stealth Bar レビュー

 またしてもMackieさんのご厚意で「国内最速レビュー」の機会をいただきました。 今回は日本のユーザーで初めて!という事ではないと思いますが、露出するのは国内最速かも知れない。 今回、使って見ることが出来たのはMackieが初めて投入してきた「サウンドバー」...

ボイチャでマルチトラック収録する構成

ひまちゃんにZOOM H6を貸し出してますが、「ボイチャでゲストとお話しをしてマルチトラックで収録したい」というご相談。ミキサーがあればなんてこと無いのですが、レコーダー単体だと意外に難しい。 現在のひまちゃんの構成...

VPSを移転してん

ポッドキャスト番組電器屋Walkerの配信は2つのサーバーで構成されています。 まずウェブページ、つまりこのINST-webのブログや記事を使ってもらうために「さくらのレンタルサーバー」を契約しています。...

やまごや by ひまちゃん

小屋番のひまちゃんが登山のこと、アウトドアのこと、道具のことについて語るPodcast番組が!はじまりました! その名も「やまごや」 ひまちゃんの行動力♪...

OBSとDiscordを使ったライブ配信構成

YAMAHAのAG03はオーディオインターフェースとして使えるミキサーで、Youtube Liveを初め配信界隈では相当の普及をして居るデバイスです。...

0コメント


電器屋Walkerの過去配信のBGMで利用させて頂いております。

ポッドキャスト品質向上、整音テクニック 解説Live

開催のお知らせ

詳細はこちら

国際ポッドキャストの日

International Podcast Day Event

ツキイチ - 隣のポッドキャスト

まとめファンサイト