у меня в IE8 отлично работает padding. Возьмите следующий код в качестве примера:
я есть текстовый ввод с кнопкой поиска, расположенной над ним ... чтобы освободить место для кнопки, я использовал некоторые отступы, чтобы текст не проходил под кнопкой, и это нормально, это работает в Firefox, но не в IE.
На самом деле ... Похоже, что заполнение текстового ввода вообще не работает в IE.
У них есть следующий код
<style type="text/css">
#mainPageSearch input {
width: 162px;
padding: 2px 20px 2px 2px;
margin: 0;
font-size: 12px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:#F3F3F3 url(form-shadow.png) repeat-x scroll left top;
border-color:#C6C6C6 #C6C6C6 #E3E3E3;
border-style:solid;
border-width:1px;
color:#666666;
}
#mainPageSearch {
margin-bottom: 10px;
position: relative; /* Lets me absolute position the button */
}
#mainPageSearchButton {
display: block;
position: absolute;
top:0px;
right: -2px;
text-indent: -2000em;
height: 22px;
width: 22px;
background: transparent url('images/searchBtn.png') top center no-repeat;
}
</style>
<form id="mainPageSearch" action="">
<input type="text"/>
<a id="mainPageSearchButton" href="#">Search</a>
</form>
Возможно ли то, что я пытаюсь сделать, или я должен просто смириться с этим и разобраться с текстом, идущим под кнопкой поиска?
Я знаю, что мог бы создать окно поиска с прозрачным фоном / рамкой и нарисовать стиль, используя содержащий div ... но на самом деле это не вариант из-за того, сколько мест мне нужно изменить на сайте.
Может быть, я сделаю новый класс для этого ввода текста, который сделает его прозрачным, и назначу обычный стиль ввода текста содержащему div? Как вы думаете?
редактировать: Извините, я должен был включить doctype ... вот оно:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Кроме того, проблемы у меня есть в IE 7