Денис С.
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.
Денис С.
32 повідомлення
#16 років тому
Аналогично - удобно, но раньше не особо задавался вопросом.
Тема закрыта.