IE 固定幅セレクトボックスでオプションが長いと切れる問題の対処法

今日はシステム開発系の細かいネタを書きます。

IE 固定幅セレクトボックスでオプションが長いと切れる問題への対処法

Microsoft Internet Explorerにはほとほと困り果てております。


先週もはまっちゃってねぇ。ポピュラーな問題みたいなんですよ。IEの仕様らしい。でも、完璧な解決策が探しても見あたらなかった。
ネットで検索すると、

• CSS-Tricks Select Cuts Off Options In IE (Fix) (英語)
• doug boude Viewing Option Text (in IE7) that's Wider than the Select List (英語)
• DEVELOPMENT REFERENCE JS　IEでセレクトボックスに幅指定をして文字列が切れるのに対応する

とかが出てくるのですが、どれもこれも、「Firefoxと同じような動きにして♪」というお客様のご要望に添い、さらに修正工数をあまり消費しないという観点からは残念ながら不十分でした。


で、いろいろやってみた過程と最終的な解決法はこれです。

• tanabeebanat作 IE 固定幅セレクトボックスでオプションが長いと切れる問題への対処法

IE6以外では表示崩れるかも知れません。たぶんIE7と8だと大丈夫だと思うんだけれど持ってないし入れる気も無いので検証してませんしする気もありません。
むろん、仕事で作った画面はそのあたりまで考慮してますけど、こちらは趣味でやっているのでね(笑)。