ブログインポートとかテスト中・・・
Sun Mon Tue Wed Thu Fri Sat
    123
45678910
11121314151617
18192021222324
252627282930 
<< June 2017 >>
広告



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



現在の閲覧者数:


RECOMMEND
<< 掲示板で IE7 画像左寄り問題解消 | main | アメ喜利でゴッドにたどり着いて判った事 >>
スポンサーサイト
category: - | author: スポンサードリンク
0

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

    - | - | - | PAGE TOP↑



    Hatena Solid テーマの IE7 での画像左よりは修正出来たが・・・
    category: ブログ | author: HAL9000
    0
      JUGEM掲示板で 得られた方法で
      Hatena Solid type テーマの
      IE7 での画像左よりになるバグは修正出来た。

      しかし、作業中に
      サイドバーが全てリセットされてしまい 再追加する羽目になった・・・

      あちらを立てればこちらが立たず なかなかIE6,7 の
      バグとのすり合わせは難しい

      画像左よりの原因は JUGEM の一部のテンプレと同じく

      img { } の vertical-align:  が原因

      ファイルは CSS編集 にある
      @import "css/theme/solid/solid.css"

      css/theme/solid/solid.css

      フルパスだと
      http://blog.hatena.ne.jp/css/theme/solid/solid.css

      この中の
      img { } の設定だけを 次のように別に設定したファイルを作り

      ・・・
      dfn,
      em,
      /* img, */ /* 元の設定はコメント化 */
      ins,
      kbd,
      ・・・

      img {  /* vertical-align だけコメント化 */
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
      /*  vertical-align: baseline; */
        background: transparent;
      }

      /* @import "css/theme/solid/solid.css"; */
      @import url(http://〜アップロードURL〜NO_VA_solid.css);

      で置き換えるだけだが
      テーマをかえるごとに上書きしなければならない。

      IE6,7 のブラウザでだけ
      img { } の vertical-align: を無効にする方法は
      ないですかね〜

      .


      追記:
      Solid type の影など 元のテーマどおりに反映するには
      画像の URL をフルパスに変える必要がありました。

      これでようやく IE6,7 の画像が左に寄るバグは一応解決と云えそうだ。
      .


      追記:その2
      Solid のほかにも cocoa や novel など幾つかのテーマで
      同じバグが出るものもありましたが
      有効な修正方法はほぼ同じだったので
      詳しい修正内容は割愛する事にしました。
      .


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



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









        PR
        SELECTED ENTRIES
        CATEGORIES
        LINKS
        PROFILE
        OTHERS
        SEARCH

        ARCHIVES