ホーム > サポートメニュー > ユーザー助け合い掲示板

質問内容・回答一覧ツリー

Q. 画像表示位置を指定しても IE7 では全て左に寄って... - 投稿者:hal9000xy(2014年01月16日 23:21) No.6377  
Q. 画像表示位置を指定しても IE7 では全て左に寄って... [解決済み]
JUGEM 問い合わフォームから問い合わせたら ここに投稿して と回答されました。

ブログ テンプレートによっては、
HTML で align="right" のタグを使って
画像表示位置を指定しても IE7 で表示すると全て左に寄ってしまい、
並べて表示した画像は IE 以外のブラウザとは逆順に表示されてしまう。

解っている限り
この現象が見られるテンプレートは
「white wall」と「custom06」で発生する。

テンプレート「spray」ではこの現象は出ない。

画像タグの例↓
<img src="http://blog-imgs-30.fc2.com/n/u/r/nurugan44/ss-00GOM_00Aa.jpg"; width="180" align="right" />


JUGEM からは
「弊社環境の「Internet Explorer9」で拝見しましたところ、
ご申告の現象は確認できませんでした。」

「お問い合わせ頂きましたテンプレートのカスタマイズ方法に
関しましては、誠に申し訳ございませんが、当サポートでの
ご案内をいたしかねます。」

と回答されました。


テンプレート「spray」ではこの現象は出ないので
IE7 で発生するこの現象が発生するかしないかは
御社テンプレート異存なのは明らかです。

せめて「custom06」だけでも
テンプレートの編集に関する 具体的な解決方法
が解る方がいましたら
お願いできないでしょうか。

よろしくお願いいたします。

  • 記事ID:No.6377
  • 投稿日時:2014年01月16日 23:21 (2014年01月18日 02:37更新)

回答一覧(返信数 3 件)

投稿者:★★★☆☆ A. Re: 画像表示位置を指定しても IE7 では全て左に寄ってしまう

IE9、fx等では正常でIE7だけで起こるとすれば、単純にIE7のバグでしょう。
こういうのがあります。
http://cricri.blog.shinobi.jp/ie%E3%83%97%E3%83%A9%E3%82%B9%CE%B1%E3%81%AE%E8%A1%A8%E7%A4%BA%E5%AF%BE%E7%AD%96%E5%BF%98%E5%82%99%E9%8C%B2/ie6%E3%81%A8ie7%E3%81%AE%E7%94%BB%E5%83%8F%E5%9B%9E%E3%82%8A%E8%BE%BC%E3%81%BF%E3%83%90%E3%82%B0
「カスタマイズ用」のスタイルシートにこれがあるでしょう>>> img { vertical-align:top;}
テンプレートによる違いはここだと思います。vertical-alignを消せばいいと思います。

HTMLのalign="right"のような属性の記述はすでにかなり前からHTML 4.01では非推奨とされています。
JUGEMブログはDTD XHTML 1.0ですから普通使わないです。
ですからJUGEMでは画像の挿入時に「左・右・寄せ」を指定した場合スタイルシートで記述されます。
<img      class="pict" style="float:right;" />

**質問する時、テンプレートの見られるURLを書いてください。UTFには同名のが多数アップされてます。
私がDLして知ってる公式デザインとは異なる場合があります。

  • 投稿日時:2014年01月17日 16:09
投稿者:★★★☆☆ A. Re: Re: 画像表示位置を指定しても IE7 では全て左に寄ってしまう

*追記: ちょっと気になったのですが、FC2では画像の外部呼び出しを制限してます。
他のサーバー、ブログで今表示されていても、いずれかの時期に表示されなくなる事があるかもしれません。
許されてるのはbanner.拡張子のファイル名のみです。
これ、FC2ホームページの場合ですが・・・ブログも同じではないでしょうか?
JUGEMにアップするのがいいと思いますが。

  • 投稿日時:2014年01月17日 21:45
投稿者:hal9000xy A. Re: Re: 画像表示位置を指定しても IE7 では全て左に寄ってしまう

回答ありがとうございます。

ご指摘どおりの修正で 貼り付け指定どおりに表示できました。


「custom06」
修正前のテンプレートURL ↓
http://hal9000xy.jugem.jp/?tid=2  修正前

「カスタマイズ用」のスタイルシート
 img { vertical-align:top;}

の vertical-align; を消したもの↓
http://hal9000xy.jugem.jp/?tid=5  修正後


テンプレート「white wall」も同じ箇所の修正で直りました。

http://hal9000xy.jugem.jp/?tid=1  修正前

http://hal9000xy.jugem.jp/?tid=6  修正後


しかし JUGEM さんはなぜ

「img {} の vertical-align; を消す」

程度の回答を頑なに拒否するのか 不思議ですね。