とある登録フォーム作成の仕事で、こんな事を言われました。
お客様:「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>
----------
です。