とある登録フォーム作成の仕事で、こんな事を言われました。


お客様:「IE7の拡大の機能を使うと、チェックボックスの後ろに文字がいっちゃうんだよね。どうにかならない?」


俺:「調査します。」(うわぁー、俺HTML専門じゃないからわかるかなぁ)


ということで調査した結果、次の処置をすれば問題解消されることが判明。。。


例えば:


-- code --

<table><tr><td>ニックネーム</td><td><input type="text" />※例:ぷち</td></tr></table>

---------


って書くと、テキストボックスの下に「※例:ぷち」が隠れてしまいます。


これを解決するには、その問題となっているタグのstyle属性に


letter-spacing: 0;


を追記します。


上の例を修正すると


-- code --

<table><tr><td>ニックネーム</td><td style="letter-spacing: 0;"><input type="text" />※例:ぷち</td></tr></table>

---------


又は、


-- code --

<table style="letter-spacing: 0;"><tr><td>ニックネーム</td><td style="letter-spacing: 0;" /><input type="text">※例:ぷち</td></tr></table>

----------

です。