Форум Сайтостроение Веб-строительство

Search form

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

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
Givandos
#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;
}

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

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