知識、知恵のカタマリ

[PR]株主優待を受けてみよう☆

解決済

clip!clip!
Ads By Google

本文ずれと、アップロードした画像に付いてお尋ねします。

数日前にも本文ずれに付いての質問をしたのですが、回答を頂けなかったのでサイド質問をさせて頂きます。

ブログの各記事に記事枠が有って、本文が入っていますが、僕のブログでは、投稿時にブログを開いて見た時に記事枠から本分やら画像がはみ出して見える事が有るのです。

ブラウザの再読み込みをさせると、直るのです。時には記事枠のみがちぎれて表示される事も有り、これもブラウザの再読み込みで直ります。記事が長いとか、画像の多用とかで、記事容量オーバーとか有るのでしょうか?。

それと、アップロードした画像は削除しても記事自体の画像は消えないのでしょうか?

質問説明が的を得てなくて判り辛いかも判りませんが、宜しくお願い致します。
みなさんも、私のブログ見た時、ずれて表示されて見えますでしょうか?
教えて下さい。
ブラウザはIEを使ってます。



2006-06-24 01:06の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

1.

2006-06-24 04:03:51みんなナイスな
Win2K+{IE6/Mozilla}で見ましたが、はみ出したり、ずれたりしてはいませんでした。何かのタイミングでそうなるのか、それともお使いの環境での問題なのか、ちょっと判断は難しいです。

容量オーバーとかそういったことでもなさそうです。それだと、再読み込みで直ることはないですので。

アップロードした画像を削除すると記事自体の画像も*消えます*。正確には、画像のタグだけが残って、参照先がない状態で画像の代わりに「×」が表示されます。

もし、WindowsでIEがアップデートできるバージョンであれば、アップデートすることをオススメします。Firefox↓

で確認してみるのもひとつの方法かもしれません。
回答レベル : アドバイス

2.

2006-06-24 09:01:33みんなナイスな
いくつかのブラウザで確認してみました.
WindowsXP環境で
 IE6.0SP1
 Firefox1.5.0.4
 Netscape8.1
 Opera9.00

全てブラウザは標準状態でチェックしてみましたが表示が特に崩れることはないようです.
ただ気になったのはこの中でIE6.0SP1以外ですと,画像の右側に本文が表示されます.

ソースを見ると画像と本文の位置を
<P>&nbsp;</P>
で調整されていますが,ブラウザの設定や汎用性を考えると,IMGタグ内の "align=left" を削除することで画像右側への本文回り込みを停止できます.これで対応される方がよいかもしれません.

最初の画像を例にして説明すると.
<IMG class=pict height=223 alt=yu hspace=5 src="http://image.blog.livedoor.jp/b4rside/imgs/3/6/360046e7.jpg" width=320 align=left border=0></P>
これを
<IMG class=pict height=223 alt=yu hspace=5 src="http://image.blog.livedoor.jp/b4rside/imgs/3/6/360046e7.jpg" width=320 border=0></P>
とする事になります.

希望されている件は解消されないかもしれませんが,参考にしてください.
回答レベル : アドバイス
Ads By Google

コメント(7)

2006-06-24 04:41:46

まったく異常無しでしたよ(Opera8.54)
それより...
2GBのメモリースティックを
補償の無い普通郵便で発送したのですか??
最低でも配達記録で・・・。

#2.  b4rside
2006-06-24 23:19:33

回答頂きまして有難う御座います。回答によりますと、どうも私側のPCに問題が有るのかも知れません。マイPCもうずいぶん低いスペックな物でして(汗)オニキスさん、rayさん、万年床生活者さん、回答並びにコメント有難う御座いました!

#3.  b4rside
2006-06-24 23:57:21

rayさんの教えの通りに、IMGタグを編集しようと色々と見ましたが、何処で編集するか判りませんでした。カスタマイズ→個別記事ページ等ですか?どなたか教えて下さい。

#4.  
2006-06-25 01:06:39

おそらく現在は

カスタマイズ/管理>投稿フォームの形式
ここで
WYSIWYGエディタ
になっていると思われますのでチェックを
シンプルエディター
に変更してみてください.

変更したのちに記事の編集で再度
ブログの投稿>投稿したブログを編集する
で該当記事の記事タイトルをクリックするとHTMLが表示され編集できる画面になるのでそこで編集してください.

ちなみにお使いのパソコンは,Windowsのバージョン(XPhome/2000/Me/98/95など)とIEのバージョンは何をお使いですか?

#5.  b4rside
2006-06-25 20:10:49

rayさん、またまたお手数お掛け致します。教えて頂いた様にして見ます。この作業はその記事事に毎回やるのですよね?例えば今後文字が右側に行かない様に投稿フォームを固定出来ないのでしょうか?WinXPでIEVer6.02です。Firefox入れて見ました。軽くて使いやすいです。
おっしゃる通り、画像の文字が右周りしてましたので、取り合えず、昨日は画像と文字の間にスペースを多く開けて、対処しました。

#6.  
2006-06-26 00:08:24

画像のタグ挿入の中身はシステム側で決めうちされているようなのでユーザ側では編集できないようです.ですので自分で毎回直すしかなさそうですね.

あともうひとつ.投稿フォームの形式ですが,WYSIWYGエディタのままでも,本文入力フォームの下にHTML`編集のチェックを入れることでも対応できるようです.

WinXP+IE6とのことですので同じ環境で,何度かリロードしたり,ブラウザを開きなおしたりしていると,この二つの日の記事が重なって表示される現象が再現できました.
http://blog.livedoor.jp/b4rside/archives/50373493....
http://blog.livedoor.jp/b4rside/archives/50370069....

他のブラウザでは再現しないのでIEの問題のように思われますがそこまで調べ切れていません.回避方法はあるかもしれませんが.
ちょっと消極的方法ですが,問題が起こらないデザインを変更してしまうのが手っ取り早いでしょうか.

#7.  b4rside
2006-06-26 23:30:45

rayさん、またまたお手数お掛け致しました。色々と調べて頂いて有難う御座います。やっぱり重なる現象が起こりましたたか(汗)IEと言う事はやっぱユーザーも多いので、なんだこのブログ見にくい!と思われている方も多いんですよね・・・何処に問題が有るんだろう・・・デザインとか変更したいんですけど、変更すると文字が崩れて、元に戻せなさそうなんですよね。少しづつ調べて行きたいと思います。アドバイス有難う御座いました!!!

トラックバック(2)

トラックバックURL: