[携帯]画像の横にチェックボックスを配置

by sakaki0214[Mobile]
2009-08-19 00:31:02

左に画像、右にテキスト。

3キャリア1ソースなら、

<img src="sample.jpg" align="left" style="float:left;">
テキストテキストテキスト

みたいにやるだけ。簡単簡単。

なんですが、今回は画像の右側にチェックボックス(もしくはラジオボタン)を配置する場合。

普段どおりにコーディングをすると、

<form action="#" method="post">
<img src="sample.jpg" align="left" style="float:left;">
<input type="checkbox">ほげほげ<br />
<input type="checkbox">ほげほげ<br />
<input type="checkbox">ほげほげ<br />
</form>

となるわけですが。

auだけカラム落ちしてしまいます。
※H001とCA001で検証

イメージ画像1

<画像:イメージ画像:カラム落ち>

docomoとsoftbankはきちんと意図した通りに表示されます。

イメージ画像2

<画像:イメージ画像:意図した通りの表示>

んじゃテーブル使えばいいじゃん?という考えもあるかと思うんですが、formタグのなかにtdやtableなどのタグがあるとauの3G端末の一部機種でフォームがきかない?動かない?ということを聞いたことがあるため、それは避けたいところ。

※ソースもなく、実際どのぐらいの端末なのか、どの端末なのか、ということが不明なため、普通にtableで組んじゃうのもありなのかなーとは思います。

[*]前の記事 | [#]次の記事
TOP



Powered by MT4i 3.0.8X1
携帯アクセス解析