muneto.murakami.biz Weblog

auのサイトをxhtmlで書いているときに、サブミットボタンがセンタリングしない事がありました。
例えばこんなブロックがあるとします。

<div style="text-align:center;">
<FORM METHOD="POST" ACTION="xxx">
<INPUT TYPE=submit NAME="send" VALUE="送信" />
</FORM>
</div>

端末にもよるかもしれませんが、この場合の「送信」ボタンは左寄せ(text-align:left;)になりました。
おそらくformタグが強いのだと思いますので、位置を変更してみます。

<FORM METHOD="POST" ACTION="xxx">
<div style="text-align:center;">
<INPUT TYPE=submit NAME="send" VALUE="送信" />
</div>
</FORM>

こちらで意図通り、ボタンが中央寄せ致しました。

ご参考になれば幸いです。

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

• 【携帯サイト制作】第十三回続ケータイサイトの検索フォームの件
• 【携帯サイト制作】第十一回モバイルサイトの見出しを調整する。
• 【携帯サイト制作】第九回 ビジュアル重視のケータイサイト制作
• 【携帯サイト制作】第四回 ケータイサイトXHTML&CSSでBLINKとかって。
• さくらインターネットのレンタルーサーバビジネスプロで空メール登録
• 【携帯サイト制作】第十回 ケータイサイトの検索フォームユーザビリティ
• 【携帯サイト制作】第二十回qdmailでエラーログを取る
• Kensington(ケンジントン)のSlimBlade Trackball Mouse 使用レビュー