戯れ言葉

FC2ブログ ブログ内検索の横幅がサイドバーからはみだす

カテゴリ:FC2ブログの色々とカスタマイズとか
タグ:

ある日の私のブログで
ブログ内検索の検索語を入力する窓が
サイドバーからはみ出ているのを発見しました。
FC2 コミュニティで同様なスレがあがってたので
お役に立てばとアップ。

20150822001.jpg
こんな具合です。
私の常用のブラウザはFireFox なので
他の念のため入れているブラウザで確認してみましたが、
IE とクロームでは、はみ出さずにサイドバー内に納まっています。
で、ネットで色々調べて見たところ
ある方法で、3種のブラウザでちゃんと納める事が出来ました。
やってみた結果論なので
原因はわかりません。


20150822002.jpg

まず、ブログの管理画面の左のメニュー欄の
プラグインの設定をクリックすると
プラグインの設定という画面になります。

20150822003.jpg
プラグインの設定画面で
ブログ内検索 欄の 詳細をクリック
(表示位置は各ブログによって違います。)
検索フォームの編集ページに移ります。

20150822004 size
検索フォームの編集ページで
プラグインの改造欄の【HTMLの編集】をクリックすると
上図の様なHTMLが表示されるので
size="・・・" の文字を探し

20150822005 style width
この部分を
style="width:95%;"
に書替えます。
%の数値は実際に表示される様子を見て適当に。

書替えるのが心配な時は書替える前のHTML をメモ帳にコピーしておくと安心。
あとでメモ帳の文章をコピーして
書き戻します。
またこのページにプレビューというボタンがあるので
これをクリックすると変更状況が確認できます。
変更前と変更後の両方がサイドバーの最上部に表示されて
実際の書替え画面とは違うのですが
参考になります。
駄目な時は左メニューのお知らせ等をクリックして
元に戻ると変更されません。


確認ブラウザ
Firefox 40.0.2
IE11 11.0.9600.17959
Google Chrome  44.0.2403.157 m


参考記事(2015 8 27)
http://blog.leafworks.jp/firefox-input-size-big.html
http://wataame.sumomo.ne.jp/archives/6987

関連記事

Comments 2

There are no comments yet.

メアリー  

ブログのほうへコメントいれていただき
ありがとうございました!!!

ご指南の方法で解決しました!!!
感謝、感激、本当に嬉しいです~
ありがとうございました。

いじった覚えないのに変わるのはおかしいな…
と思いつつ、htmlの数値を小さくして
試してみたのですがダメでした。

お教え頂いた方法は目がらウロコでした~\(^o^)/

取り急ぎ、お礼まで♪

2015/08/22 (Sat) 17:08 | 返信を書く |   

hige  

これで治りましたか。
いったい原因はなんなのか?
size="20" って絶対的な数値の指定で
相対指定の方がいいの?

>いじった覚えないのに変わるのはおかしいな…

そうなんですよね。
不思議?

たまたまネットの検索で回答に近そうなサイトに注目してなかったら・・・。

2015/08/22 (Sat) 18:24 | 返信を書く |   

Leave a reply
コメントをどうぞ

ブログやホームページのURLをどうぞ

パスワードを入力すると投稿後、訂正・削除が出来ます