てすてす・・・ (Diary)

ブログ インポートとかテスト中・・・


Hatena Solid テーマの IE7 での画像左よりは修正出来たが・・・


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 など幾つかのテーマで
同じバグが出るものもありましたが
有効な修正方法はほぼ同じだったので
詳しい修正内容は割愛する事にしました。
.