Search form

taljanich
На сайте с 03.04.2007
Offline
121
579

Search форма

собственно трабла(только в ИЕ):

в опере и мозилле всё ок...

при вёрстке делалось так в html

		   <div class="SearchForm">

<input autocomplete="off" name="SearchField" type="search" class="SearchInput"/>
</div>

и так в css

.SearchForm {

float: left;
height: 40px;
width: 134px;
padding-left: 10px;
}


.SearchInput{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:normal;
color:#000000;
width:110px;
height:23px;
background:url("images/BackgroundSearchInput.gif") 0 0 no-repeat;
float: left;
padding-right: 50px;
padding-left: 20px;
font-weight: normal;
position: absolute;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-top: 8px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 4px;
padding-bottom: 4px;
}

помогите плиз -)) как решить такое. форма куда то уезжает мать её...

З
На сайте с 24.04.2008
Offline
54
#1

Без конкретного примеро тяжеловато, но навскидку - попробуйте

zoom: 1;

Givandos
На сайте с 25.06.2007
Offline
33
#2

не решит проблему, но все же делайте лучше в таком стиле:

.SearchInput {
font: normal 11px Arial, Helvetica, sans-serif;
line-height:normal;
color:#000000;
width:110px;
height:23px;
background:url("images/BackgroundSearchInput.gif") 0 0 no-repeat;
float: left;
padding: 4px 50px 4px 20px;
position: absolute;
border: 0;
margin: 8px 0 0 0;
}

А в целом, нужно видеть код (ну и стили) других частей всей шапки (той, где у Вас форма поиска), потому как неизвестно что у Вас творится там. Может это из-за них все поехало.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий