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

Asked
Viewd1063

0

В 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>
 

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

3 ответов

0

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

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

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

0

Пробовали ли вы закрыть элементы ?

  • Нет, просто сделал, безрезультатно. У меня также есть несколько блоков , которые имеют такие же неблагоприятные результаты.

    Gene R12 ноября 2008, 23:09
0

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

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

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

  • Все просто, как добавить display: inline; в стиле label.error Спасибо

    Gene R13 ноября 2008, 19:15