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