Firefox 3.5.9 сдвигает ввод: текст, когда все другие браузеры отрисовывают его нормально

Question

Я столкнулся с действительно странной ошибкой в ​​FF3.5.9 (и, возможно, ниже), когда он перемещает ввод: текст под входом: отправка. Самое странное в этом то, что он работает на IE6 / 7/8, Chrome, Safari и Firefox 3.6. Вот тестовая страница, чтобы вы могли увидеть, как она размечена: http://paste -it.net / public / s6479e6 /

Ввод Firefox 3.5.9: текстовая ошибка http://i44.tinypic.com/2ms3szk.png

Я могу исправить проблему для FF3.5.9, добавив padding-bottom (15px), но это затем выводит другие браузеры из строя.

Кто-нибудь еще имел подобную проблему и нашел исправление? Кажется, что такая незначительная проблема, но я просто не могу найти решение для нее, и я не очень-то должен иметь абсолютную позицию входных данных, поскольку это кажется слишком хакерским!

Спасибо за ваше время,

Ad

Answer 1

Таким образом, похоже, что нет чистой опции ... если кто-то в итоге получит эту опцию, я в конечном итоге просто добавлю ввод: submit. Не красиво, но работает.

Спасибо всем за помощь!

РЕДАКТИРОВАТЬ: vertical-align:middle сделал работу!

Answer 2

FF 3.5.9 содержит некоторые странные ошибки. В частности, ошибка javascript, приводившая к ошибкам в звучании, и FF, являющийся моим основным отладчиком Javascript, я потратил на 2 часа ужасного времени.

Глубоко проверяя документацию, я обнаружил, что FF соответствует какой-то спецификации, которой никто другой не является. В настоящее время FF не в хорошем состоянии для согласованности, поэтому вам, возможно, придется отказаться от привычки полагать, что FF всегда прав, а другие браузеры не правы. Вы можете следить за блогами Mozilla и видеть, что они говорят, чтобы у вас было меньше сюрпризов.

Так что в основном то, что сказал Алекс, но будь осторожнее с Ф.Ф. некоторое время.

Answer 3

Похоже, что в Firefox 3.5 в браузере определена строка-высота: нормальная! Важная, что делает невозможным центрирование текста, задав одинаковую высоту / высоту строки.

Answer 4

line-height соответствует высоте ввода? если нет, попробуйте и установите его.

например:

 input[type="text"] {
   height: 50px;
   line-height: 50px;
 }