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

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

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で組んじゃうのもありなのかなーとは思います。

トラックバックURL

コメントする


匿名でも本名でもなんでも。


公開されません。


ブログやホームページなどありましたら。


コメントは承認制となっております。公開までしばらくお待ちくださいませ。

サイト内検索
モバイルサイト
これからゆっくり考L:QRコード

このページのトップへ