戯れ言葉

FC2ブログのユーザータグの表示異常

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

FC2 ブログには色んなデザインのテンプレートが用意されています。
そんな中で気に入ったものを見つけたのですが、
ユーザータグ欄の表示がおかしくなります。

2014061101 BeforeTag

これは今まで使用させてもらってたテンプレートのタグ欄です。
文字が欄の幅より長くなるものも綺麗に次行に続けて表示されています。

2014061102 NewTemplateBadTag  

新しく使用させてもらおうと思ったテンプレートでは、
このように一行目の欄外になる部分が次行に表示されず、
これに続くいくつかのタグも表示されません。
他の色々なテンプレートの見本で
自分のブログのプレビューが見れるので調べてみると、
この表示のされ方に3種類のパターンがあるようです。

1.ちゃんと複数行に続けて表示されるもの。
2.上記のようにはみ出す部分が表示されないもの。
3.欄外にはみでてしまうもの。

私のブラウザーはFire Fox ですが Internet Explorer では
そんなに極端な症状は出ないようです。

ネットで検索しても全然ヒットしなくて、あきらめようかとしてました。
そんな時、長男がホームページのプロだったことを思い出して・・・・・
解決。
原因はスタイルシートとよばれるらしいものへの記入漏れのようです。
2014061103 NewTemplateGoodTag

こんな風にきれいに次行に渡って表示してくれるようになりました。
長男に感謝!
html,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
blockquote,th,td,p {
 margin: 0;
 padding: 0;
 word-break: break-all;
 }


テンプレートの設定の編集画面でスタイルシートの編集を見てみると、
上の様に、
最初のあたりに全体の初期化設定が書かれている部分がありますが
そこに赤字にしている部分を書き足します。

ちなみに以前使っていたテンプレートで上記の文を抜くと

2014061104 BeforeBadTag

こんな風に一行目が次行に回らず欄外にはみ出ます。
また二行目の改行位置も変ですねぇ。

2015/02/10
現在は使用していません。

Comments 0

There are no comments yet.

Leave a reply
コメントをどうぞ

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

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