Стили IE7 CSS Validate Error - PullRequest
Новая
       15

Стили IE7 CSS Validate Error

0 голосов
/ 11 декабря 2011

У меня есть форма входа в систему с использованием UL и jQuery Validate.Он отлично смотрится во всех браузерах, кроме IE7 (не беспокойтесь о IE6 и ниже)

В IE7 li, который оборачивает label.error, показывает полную высоту, хотя label.error на этом этапе скрыт.

Пожалуйста, кто-нибудь может мне помочь, я не нашел способа решить эту проблему с помощью CSS, и я не хочу прибегать к jQuery для чего-то такого простого.

Вот URL,http://clintongreen.com/clients/researchreview/ форма входа отображается при нажатии на кнопку «Войти» в правом верхнем углу

Спасибо

1 Ответ

1 голос
/ 11 декабря 2011

Сначала я бы попытался поместить каждую метку ошибки в тот же элемент списка, что и входные данные: 

<li><input type="text" name="login_username" id="login_username" placeholder="Username ">
    <label class="error" for="login_username" style="display:none;">Please enter your username</label></li>

Это исключило бы «пустой» элемент списка, вызвавший дополнительный разрыв строки.Если размер окна входа в систему установлен, сообщение должно переноситься на следующую строку при отображении.(Вы могли бы даже указать display: block вместо отображения по умолчанию: inline).

Лично я бы не использовал неупорядоченный список для полей формы, я бы использовал fieldset и (в этом случае) дал бывходы и метки фиксированной ширины и дисплея: блок.Но это только я.

... Я должен спросить ... меняет ли html вот так вариант?

...