<input> в ie
32 повідомлення
#16 років тому
Стыдно спрашивать, но всё таки - почему то сталкнулся щас. Раньше не замечал.В IE у <input> почему то идёт ещё одна оболочка, прозрачная. Хотя в других браузерах её нету.
я имею ввиду отступы сверху 1px и снизу 1 px
Может кто подскажет как изабвиться от них?
2195 повідомлень
#16 років тому
При верстке я привык всем элементам задавать изначально* {
margin:0;
padding:0;
}
Ну и если нужно убрать border для input'ов - можно {border:0 none} или {border:1px solid transparent} (последнее в особых случаях) в зависимости от задачи.
32 повідомлення
#16 років тому
Не это не помогает. вот примере таблицы кину, вниз друг за другом два инпута. и у них в IE появляется отступ автоматом с верху в 1px.
<tr>
<td width="200" style="padding-left:25px;" align="left">
<input type="text" name="login_name" style="width:150px; height:18px;">
</td>
<td width="200" style="padding-left:25px;" align="left">
<input type="password" name="login_password" style="width:150px; height:18px;">
</td>
</tr>
параметры оставил, они не влияют.
вот сам css на инпут.
/*=======*/
input{
background-color: #ffffff;
border: 1px #b5ad97 solid;
color: #b5ad97;
font-family: tahoma;
font-size: 11px;
}
/*=======*/
Нашел решение при помощи float, но там ужас какой.
2195 повідомлень
#16 років тому
А, вот оно что - да, есть такое. Собственно, с float - правильное решение.Но если float совсем не хочется - можно обернуть input в span с display:block, и присваивать border не input'у, а span'у.
Но я все же за float.