Проблема с центрированием текста в input

Статус
Закрыто для дальнейших ответов.

Tom_Goldman

New Member
Регистрация
11.09.2013
Сообщения
8
В IE текст отображается не центрированным по вертикали. Если указать отступ сверху текст окажется смещённым в FF. Как его кроссбраузерно отцентрировать?



Код:
#userinp {
width:170px;
height:23px;
border:1px solid #d2d2d2;
color:#d2d2d2;
background: url('img/loginico.jpg') no-repeat; 
text-indent:25px; 
background-color:#FFF;
}
 

Volter9

defined('SURRENDER') or die(); // StarWars
Регистрация
27.05.2012
Сообщения
1 145
[member=Tom Goldman], попробуйте CSS свойство vertical-align с параметром middle:
Код:
vertcal-align: middle
 

lekzd

parse error: parse error, unexpected T_STRING...
Регистрация
17.02.2011
Сообщения
1 125
Код:
height:23px;
padding: 5px;
line-height: 1em;
padding менять на свое усмотрение
 

Tom_Goldman

New Member
Регистрация
11.09.2013
Сообщения
8
Полученный результат (только первое поле)



текст стал где должен находиться, но поле увеличилось
 

lekzd

parse error: parse error, unexpected T_STRING...
Регистрация
17.02.2011
Сообщения
1 125
уменьшайте height
 

Tom_Goldman

New Member
Регистрация
11.09.2013
Сообщения
8
Благодарю. Как я сам не догадался? :happy:
 
Статус
Закрыто для дальнейших ответов.
Верх Низ