チェックボックスにチェック＞＞文字サイズが小さく…

原因がわからなくって困っております。

IE８でチェックボックスにチェック入れると　その横のテキスト文字サイズが小さくなるのです。

いろいろ調べてみてるのですが、よくわからず

ここに近いのかな？ともおもったのですが、ちょっとちがうかなと思い
（これってIE8の不具合なんじゃね・・・？文字の大きさが勝手に変化するよ？）
http://freesoft.tvbok.com/sonota/ie8-fontsize.html


実際にその現象が起こるページを下記URLにアップしております。
http://www23.atpages.jp/~ebeband/test/
（たちつてとの横のチェックボックスにチェックをいれてみてください。）

CSSもHTMLにいれておりますので、ソースを参考にしてみてください。


どうか解決方法おしえていただけないでしょうか？

どうぞよろしくお願いいたします。

No.3 ベストアンサー 回答者： noname#163110 回答日時： 2011/09/05 12:51

font-familyを指定するとうまくいくかもしれません。

指定方法は「UTF-8　IEのフォント」で検索してみてください。

この回答へのお礼

わざわざ再度調べていただきまして、大変ありがとうございます。

テストしてみたところ、うまく動きました！
IEには毎度手こずらされてしまいます。。。

これからも役立つ情報なので、活用させていただきます。

本当にありがとうございました。

お礼日時：2011/09/05 13:24

No.2 回答者： noname#163110 回答日時： 2011/08/01 19:05

紹介されているサイトでもフォントの大きさとかでエラーになっているみたいですし

ちなみにCSSの.box labelに
font-size:20px;から9pxまで入れてみましたが
10pxのときに不具合がでました。(IETesterにて)
なので11pxとか9pxにすればいいのではないでしょうか？
（原因はわからないのですがｗフォントサイズをチェックしてみてください。）

この回答へのお礼

細かく調べていただきましてありがとうございます。

10pxのフォントサイズが一番収まりが良かったのですけど、
不具合の出ないフォントサイズでの調整も検討してみたいと思います。

お礼日時：2011/08/01 21:17

No.1 回答者： think49 回答日時： 2011/08/01 11:42

HTML + CSS のみにしても再現するので JavaScript 起因ではなさそうですね。

(Windows XP SP3 + IE8 で再現することを確認)
http://jsfiddle.net/Bhwrc/2/
CSS全削除で再現しなくなりました。
http://jsfiddle.net/Bhwrc/

この回答への補足

調べていただきましてありがとうございます。

申し訳ないのですが、
実際はもっと項目が多く、
文字サイズなどは調整したいので
出来ればCSSは使いたいと思っています。

何か良い案がございましたら、よろしくお願いいたします。

補足日時：2011/08/01 14:25