ブログインポートとかテスト中・・・
Sun Mon Tue Wed Thu Fri Sat
     12
3456789
10111213141516
17181920212223
24252627282930
31      
<< December 2017 >>
広告



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



現在の閲覧者数:


RECOMMEND
<< 掲示板で IE7 画像左寄り問題解消 | main | アメ喜利でゴッドにたどり着いて判った事 >>
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