IE7でズーム変更すると文字と画像・・・

質問

<p>GOO<img src="http://cmm001.goo.ne.jp/img/logo/goo.gif" width="71" height="37" alt="*">Copyright &copy; 2009 Goo All Rights Reserved.</p>

簡単なHTMLとCSSは、ある程度理解しているつもりでしたが
IE7でズーム　Ctrl++(-)で、拡大縮小すると画像に文字が隠れます。
画像と文字間に１文字程度隙間を開けたいのですが、
スペースや&nbsp;やmarginでもダメなんです(+_+)
何ででしょう？？？　回避策をお願いします<(_ _)>

回答No.2

KI401 · ベストアンサー

ググりましょうや。
"IE7でズーム変更すると文字と画像"でググったらまんま解決策出てくんのに。

http://hpbuilder.net/ie7_zoom.html

* {
zoom: normal;
}
span {
zoom: 1;
}

<p>GOO<img src="​http://cmm001.goo.ne.jp/img/logo/goo.gif"​ width="71" height="37" alt="*"><span>Copyright &copy; 2009 Goo All Rights Reserved.</span></p>

参考URL：

http://hpbuilder.net/ie7_zoom.html

お礼

同時にググってましたｗ　すいません。
でも、zoom: 正規表現じゃないらしいしIE8ではどうなのかな？
もう少し調べてみます。ありがとうございました。

補足

良い案が浮かばないし、大がかりになるようなので
画像を先頭にして回避しました。ありがとうございました。

回答No.1

cool_

下記しか思いつきませんでした。
参考に

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" id="AutoNumber1">
<tr>
<td valign="bottom">GOO</td>
<td valign="bottom"><img src="http://cmm001.goo.ne.jp/img/logo/goo.gif" width="71" height="37" alt="*"></td>
<td valign="bottom">Copyright &copy; 2009 Goo All Rights Reserved.</td>
</tr>
</table>

お礼

ありがとうございます。<(_ _)>　
色々調べてみましたらどうやらIE7のバグらしいです。
*{ zoom:1; }でいいみたいですけど、わざわざIE7の為に。う～～ん
float: で分離させる？、その他の方法があればお願いします。