проблемы с высотой поля ввода

Question

Я пытаюсь установить поле ввода с определенной внутренней высотой, и у меня возникают проблемы:

font-size: 12px; line-height: 12px; height: 12px; display: block; padding: 5px;

Это образец того, что я вставил во встроенные стили или таблицы стилей. Я ожидал бы, что значение поля ввода будет видимым на полной высоте, но внутренняя высота поля ввода окажется очень маленькой, и она всегда выглядит следующим образом:

actual inner height = css height - 2*border width - 2*padding

Забавно, потому что, клянусь, я делал это раньше без проблем. Чего мне не хватает?

Answer 1

Формула, которую вы дали, будет рассчитываться для некоторой версии Internet Explorer. Так, может быть, вы используете очень старый браузер? ;)

Читайте об ошибке в Википедии . Согласно этой статье, ошибка все еще присутствует во всех браузерах IE, если страница отображается в «режиме причуд », который срабатывает:

• Когда объявление типа документа отсутствует или не заполнено;
• При обнаружении документа HTML 3 или более ранней версии;
• Когда используется объявление типа документа HTML 4.0 Transitional или Frameset, а системный идентификатор (URI) отсутствует;
• Когда комментарий SGML или другое нераспознанное содержимое появляется перед объявлением типа документа
• При наличии ошибок в любом месте документа
• Internet Explorer 6 также использует режим причуд, если существует объявление XML до объявления типа документа.

Возможно, у вас есть ошибка на вашей странице ....

Или вы используете Firefox, и я полностью упускаю суть.