FC2blogの着せ替えブログ

題名の通り、長いＵＲＬを記事中やサイドバーに入れると、カラムが崩れます（涙）
もちろん、大きな画像を入れると崩れる、というのは当たり前なのですが。

私のテンプレートですと・・・

ＩＥでは、長いＵＲＬが入った記事を表示させると、カラムが崩れ、サイドバーが落ちてしまいます。

Ｆｉｒｅｆｏｘでは、カラムは崩れませんが、長いＵＲＬ部分が、はみ出して表示されてしまいます。

Ｏｐｅｒａでは、ちゃんと折り返して表示されます。

（スレイプニルなどのほかのブラウザでは試していないので、良くわかりません。）

こちらの現象は、スタイルシート（ＣＳＳ）におまじないを入れると、回避できますが、カラムが崩れないかわりに、はみ出した部分が消えて表示されなくなります。

私はこのおまじないが嫌いなので（だって、カラムが崩れないと、そのまま消えた部分に気がつかない・・・なんて事もあるかも？）テンプレートには使っていませんが、気になる方は、スタイルシート（ＣＳＳ）に、以下のおまじないを書き足すと良いです。

例えば、私のテンプレートの記事部分ですと、以下のような感じ(^^;)の所です。（それぞれのテンプレートにより違います）

/* エントリー（１ブロック画像セット） */
.entry {
width: 380px;
background: url(画像ＵＲＬ) repeat-y 0px 0px;
background-color: #FFF;
margin: 0px;
padding: 0px;
}

上の部分の「｛」から「｝」の間なら、どこでも良いので、以下のおまじないを書き足します。

overflow: hidden;

同じように、このおまじないは、サイドバー部分にも使えますが、スタイルシート（ＣＳＳ）内の、widthの数値が設定されているブロック内でしか有効ではありません。

ですから、私のテンプレートですと、記事本体である「.entry_body」や「.entry_more」の中に入れても、効き目がありませんので、お気をつけくださいませ。

（私は、このおまじないが嫌いなのですが、今回、【heart-heart】３カラムテンプレートのサイドバー部分には入れてあります。なので、大きなプロフィール画像などを入れますと、画像が切れて表示されます。）