2008年9月11日木曜日

AUの携帯端末でselect 内が改行される



以下のようなHTMLをAUの端末(W41H)で書いたときの話です。


DocomoやSoftBankでは起こりませんでした。




<div style="font-size:12px">
<select name="y">
<option>2008</option>
<option>2009</option>
<option>2010</option>
</select>
</div>



フォントのサイズ(12px)が小さいために


select の中の幅もそれに合わせて小さくなります。



20
08
--
20
09
--
20
10


こんな風に折れてしまいます。


selectの style属性 に width 指定や、font-size 指定をしましたが解消されず。


最終的には、以下のように、span で select をくくってそこだけフォントサイズを変えて対応しました。




<div style="font-size:12px">
<span style="font-size:20px;">
<select name="y">
<option>2008</option>
<option>2009</option>
<option>2010</option>
</select>
</span>
</div>



他にもよいやり方がありましたら、教えてください。