ブログインポートとかテスト中・・・
Sun Mon Tue Wed Thu Fri Sat
1234567
891011121314
15161718192021
22232425262728
293031    
<< October 2017 >>
広告



IE以外のブラウザ用 美人時計



現在の閲覧者数:


RECOMMEND
<< JUGEMブログで画像表示位置を指定してもIE7では全て左に寄ってしまう | main | Hatena Solid テーマの IE7 での画像左よりは修正出来たが・・・ >>
スポンサーサイト
category: - | author: スポンサードリンク
0

    一定期間更新がないため広告を表示しています

    - | - | - | PAGE TOP↑



    掲示板で IE7 画像左寄り問題解消
    category: ブログ | author: HAL9000
    0

      ■JUGEMユーザー助け合い掲示板で IE7 画像左寄り問題解消の経緯。
      https://secure.jugem.jp/support/bbs/

      件名:画像表示位置を指定しても 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」だけでも
      テンプレートの編集に関する 具体的な解決方法
      が解る方がいましたら
      お願いできないでしょうか。

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

      -----------------------

      ■JUGEMユーザー助け合い掲示板 からの回答
       

      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して知ってる公式デザインとは異なる場合があります。
       

      --------------------------

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

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


      「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; を消す」
      程度の回答を頑なに拒否するのか 不思議ですね。



      追記:
      無料ブログサイト Hatena には IE7 で
      同じように 画像が左に寄ってしまう テンプレ (Solid Type) があるが
      CSS の直接編集が出来ず追記での修正は無理かなと思っていましたが
      今回の JUGEM掲示板 での解決方法を応用して何とか解決できました。
      CSS の直接編集が出来ないので 後から上書きとかで修正出来ないかと
      今だ他の方法も模索中ですが・・・

      なにかいい方法ありませんかね。


       
      Test Images
      <img  align="rigjt" /> での画像

      申し訳ありません




      <img style="float:right;" /> での画像

      申し訳ありません




       
      comments(0) | - | - | PAGE TOP↑



      スポンサーサイト
      category: - | author: スポンサードリンク
      0
        - | - | - | PAGE TOP↑









        PR
        SELECTED ENTRIES
        CATEGORIES
        LINKS
        PROFILE
        OTHERS
        SEARCH

        ARCHIVES