旧フォーラムの記事です http://blog.fc2.com/forum/viewtopic.php?f=6&t=2869
望海 2005-08-07 13:49:05
件名 :突然記事・サイドバーが下に落ちてしまいました
一番多いケースは画像の横幅が、記事の横幅に対して大きすぎるというパターンです。
自分でアップした画像のほかにアフィリエイトのバナーに、大きすぎるサイズのものを使っているケースもあるようです。
解決策として。
・画像を縮小してアップロードする(推奨)
画像をアップロードする前に、自分で画像編集用ソフトを利用して加工して小さくする方法と、アップロードの際にサムネイルを作成する方法があります。
画像編集用ソフトを使って加工した方が手間はかかりますが比較的綺麗に画像を小さく出来ると思います。
なお、サムネイルの大きさは
環境設定の変更→ブログの設定
で変更できます。
作成されるサムネイルの大きさを見ながら、適宜調整してください。
・タグで画像の大きさを縮小する(非推奨)
見た目は小さくなりますが、ファイルサイズが小さくなったわけではないということで、私はあまりお勧めできません。
方法としては、自動挿入される画像タグに赤字部分を加えます。
<a href="画像URL" target="_blank"><img src="画像URL" alt="画像の説明" border="0" height="画像の高さ" width="画像の幅"></a>
画像の幅と高さは計算した上で数字を入れてもいいのですが、「70%」など、パーセント指定するのが簡単でお勧めです。
・画像ではなく文字リンクを使う(アフィリエイトバナーの場合)
アフィリエイトバナーの場合、加工を禁止されているケースが多いです。
可能なら、小さいサイズの画像を使うといいと思いますが、それが用意されていない場合、文字によるリンクに変えてしまうというのも手だと思います。
また、画像以外の半角英数字の文字列(例えばURL)が長すぎ、記事が落ちることもあります。
その場合は、文字列を短くするか、途中に改行を入れてみましょう。
このコミュニティにご参加頂くと、コメントの書き込みができます
また、画像以外の半角英数字の文字列(例えばURL)が長すぎ、記事が落ちることもあります。参考として記事を自薦しておきますw
3件中、1~3件表示
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー
麻生(AdanKadan) 2006-12-04 12:06:49
件名 :どこが原因かをつきとめるには
テンプレートのカスタマイズを行なっていないのに、レイアウトが崩れる場合、原因は記事かプラグインです。
いくつも変更を行なってからブログを見たら崩れていた、など、意外に原因がつきとめにくい時があります。
■どこが原因かをつきとめるには
いくつか「記事ページ(固定URL)」を見ます。
(固定URL=ブラウザ(IEなど)アドレス欄が以下のようになっています。)
(http://xxxxxx.blogXX.fc2.com/blog-entry-XX.html)
◆プラグインが原因の場合
トップページでも、どの固定URLでも、レイアウトが崩れているようであれば、プラグインなどメニュー類を疑います。
例:画像が大きい(カウンターの文字を含む)、プラグインカスタマイズでHTMLタグミス。
どのプラグインか不明の場合には、プラグインを一つずつ非表示にしていき、レイアウト崩れの有無をチェックし、原因となるプラグインを特定します。
◆記事が原因の場合
一定の固定URLのみでレイアウトが崩れるのであれば、その記事が原因です。
よくあるのが「画像が大きい」場合。この画像が大きいかな?と思ったら、その画像を(一時的にでも)削除してみます。
画像のほかに記事内のHTMLタグが正しく閉じられていない場合もあります。
(「<div>…</div>」、「<table>…</table>」など、組にして使用しなければならないHTMLタグが、片方しか入っていない、「<」「>」「/」といった半角でいれるべき記号が全角、等)
コピー&ペーストで貼り付けたHTMLタグも(コピペミスがありうるので)しっかりチェックします。
◆ツール
Another HTML-lint gateway
<a class="postlink" href="http://openlab.ring.gr.jp/k16/htmllint/htmllint.html">http://openlab.ring.gr.jp/k16/htmllint/htmllint.html</a>
でチェックすると、といった、タグミスを見つけることができることもあります。
ただし、チェック結果を読み解くには、ある程度の知識が必要です。例えば、記事のなかに</div>を入れてしまった場合に、自動プログラムは記事中の</div>で<div>が閉じたと判断するので、そのページの一番最後の</div>(テンプレートのもの)がミスとして指摘されたり……、といったズレが出ることがあります。
※2007.1.24追記
CSSレイアウトが崩れている時に試す10の処方箋::::::STOPN' LISTEN::::::to the silence::::::
<a class="postlink" href="http://stopnlisten.no.land.to/2007/01/css10.html">http://stopnlisten.no.land.to/2007/01/css10.html</a>