У меня возникают проблемы с вертикальным выравниванием текста в поле ввода в Internet Explorer.
У меня есть:
input#search {
float:left;
font-size:11px;
height:20px;
margin:0;
padding-left:4px;
width:100px;
}
В Firefox и Chrome он, кажется, автоматически выравнивается по вертикали, однако в Internet Explorer это не так.
Просто установите высоту и высоту строки для входного объекта, и она отлично работает (т.е. 7 +).
input { border: 0; font-size: 0.8em; height: 32px; line-height: 32px;}
Г.Л. Пауло Буэно
Просто определите line-height и height для текстового поля с одинаковым значением. Он будет заботиться
Вы можете использовать условный комментарий IE следующим образом:
<!--[if IE]>
input#search{
padding-top:3px; /* adjust value */
}
<![endif]-->
Настройка line-height:1 может уменьшить вертикальное выравнивание, а бит padding:.15em должен добавить некоторое количество передышки в поля.
Проверьте родительский div. Если он пуст, вам нужно добавить контент (& nbps;), чтобы проводник правильно подсчитал высоту.