1

テーブル内にJavascript検証を含むフォームがあります。テーブルタグは

<table style="padding-left:70px" align="left" cellpadding="10">

与えられた行は次のようになります。

<tr id="email_row">
 <td align="right" valign="top">
  <label for="email">Email: *</label>
 </td>
 <td class="field_cell" valign="top">
  <input type="text" name="email" maxlength="80" size="30"><span class="error_field"></span>
 </td>
</tr>

このフィールドまたは他のフィールドに入力せずに（または正しく入力せずに）ユーザーが送信を押すと、スパンは「無効」や「必須」などのエラーメッセージで埋められます。残念ながら、これを行うと、体全体が左に移動します（左に配置されている場合でも）。助言がありますか？

参考までに、この問題はChromeでしか再現できません。FirefoxとIEは問題なく動作しています。

4

1 に答える 1

1

修理済み！
問題は、テーブルにテキストの行がありcolspan=2、テーブルの幅が他のどの行の幅よりも大きくなっていることでした。要素にテキストを追加する<span>と、2番目の列の幅が広がり、最初の列が小さくなりました（セルが右に配置されているため）。

于 2012-06-28T01:14:24.800 に答える