muneto.murakami.biz Weblog

【携帯サイト制作】第十回 ケータイサイトの検索フォームユーザビリティでご案内した方法ですが、端末によってはうまくいかないよ！との声を頂戴致しました。
手元にあるau W53Tとau W62CAで検証してみました。

au W53Tで見る検索フォーム

これは以下のようなソースになります。

<div style=”text-align:center;”>
<form action=”xxx” method=”get”>
<input type=”text” name=”text” value=”xxx” style=”width:170px;” />
<input type=”submit” value=”検索” />
</form>
</div>

これがau W62CAで見ると・・・

au W62CAで見る検索フォーム

あれあれ。
どうやらこのブロックを中央寄せにしてしまうと端末によって、テキストフォームとサブミットボタン、中央寄せの解釈が違うようです。
できれば、一列にして中央寄せにしたいのですが、これがどうにもうまくいきません。。。

以下のようにtableで段組すれば表示できましたが、、、

<div style=”text-align:center;”>
<form action=”xxx” method=”get”>
<table><tr><td>
<input type=”text” name=”text” value=”xxx” style=”width:170px;” />
</td><td>
<input type=”submit” value=”検索” />
</form>
</td></tr>
</table>
</div>

結果的に私の場合はこの該当ブロックではcenterを使わず。という状況になりました。

どなたかの参考になれば幸いです。
そして、解決方法をご存じの方がいらっしゃいましたら是非御教示の程宜しくお願い致します。

▼関連記事も是非ご覧くださいませー

• 【携帯サイト制作】第十回 ケータイサイトの検索フォームユーザビリティ
• 【携帯サイト制作】第五回 auでutf-8のページからformで日本語を渡すと文字化けorz
• 【携帯サイト制作】第三十一回auのsubmitボタンの位置
• 【携帯サイト制作】第九回 ビジュアル重視のケータイサイト制作
• 【携帯サイト制作】第四回 ケータイサイトXHTML&CSSでBLINKとかって。
• 【携帯サイト制作】第二十三回 au デバイスID→機種名称一覧
• 【携帯サイト制作】第十一回モバイルサイトの見出しを調整する。
• 【携帯サイト制作】第七回 auのソフトキーラベルについて