Проблема форматирования проверки JQuery в IE

Question

В Firefox сообщения об ошибках отображаются следующим образом. Просто справа от проверяемого элемента. В IE. Независимо от того, что я делаю с изменением размера меток / элементов / ошибок, ошибка всегда публикуется под элементом, вызывая толкание всех остальных элементов вниз.

<p>
   <label for="handle"><strong>User Name</strong></label>
   <INPUT NAME="handle" id="handle" VALUE="#attributes.getUser.handle#">
</p>                
<p>
   <label for="password"><strong>Password</strong></label>
   <INPUT TYPE="TEXT" id="password" NAME="password"
          MAXLENGTH=50 VALUE="#attributes.getUser.password#">
</p>

<p>
    <label for="confirmPassword"><strong>Confirm Password</strong></label>
    <INPUT TYPE="TEXT" id="confirmPassword" NAME="confirmPassword"
           MAXLENGTH=50 VALUE="#attributes.getUser.password#">
</p>

Если бы у кого-то еще была эта проблема, я был бы очень признателен за любую помощь.

Answer 1

Если вы этого еще не сделали, возможно, вы захотите убедиться, что страница является допустимым XHTML (я использую HTML Validator ). Это должно гарантировать, что все ваши элементы правильно закрыты и вложены.

Кроме того, пытались ли вы использовать позиционирование CSS для элементов, например, настроить отображение на линию?

Трудно сказать, не видя код. Если это проблема позиционирования, Firebug обычно очень полезен.

Answer 2

У меня был стиль 'margin-bottom: 16px' для этих элементов ввода.

Удаление этого (после нескольких часов проб и ошибок и поиска) решило проблему.

Надеюсь, это сэкономит кому-то часы. ; ^)

Answer 3

Вы пытались закрыть элементы ?