【Firefox】Googleカスタム検索の入力欄の崩れ修正

一昨日までは普通に表示されていたのに、昨日見たらいきなり崩れていてビックリしました。

 

【崩れていたところ】

スマホサイトまとめ、リスティング広告まとめサイトの右上にある「Googleカスタム検索」の入力欄。メチャクチャ長くなってて崩れてた。

【ブラウザ】

Firefoxのみで崩れていた(IEやクロームは大丈夫)

 

Googleカスタム検索で作成後の貼りつけるコードを何の迷いもなくただ貼り付けていたのですが、入力欄の「<input type="text" ~」の中の「size="〇〇"」が問題みたいでした。これを小さくしたらいい感じになったのですが、ブラウザごとに微妙に長さが違ってくるので、「size」ではなく「CSS」で長さ調整する感じに変更。

 

#cse-search-box input[type="text"] {
    width:260px;
    height:18px;
}

みたいな感じで、同じように、入力欄の横の「検索」ボタンも微調整して終了。そのうちもっとちゃんと修正しようと思いますが、ひとまずコレでアムロいきます。

 

勝手にスマホサイトまとめ|スマホサイトとjQueryMobileのまとめ

勝手にリスティング広告まとめ|テキスト・イメージ広告、ランディングページまとめ