Почему хром делает лишний отступ?

[GusevIvan]

Доброго времени суток! Столкнулся с проблемой кросбраузерности. В мазиле и в IE инпут типа текст в форме отображается так как было задумано, а вот хром и опера добавляют лишний отступ и опускают импут вниз. Помогите, пожалуйста, разобраться в чем проблема.

http://i.pixs.ru/storage/1/4/2/Inputjpg_4318940_10943142.jpg

 

HTML:

<div class="block_head">  <div>Search</div>  <form id="search">	<input id="s" class="search_text" type="text" name="s">	<input class="go" type="submit" value="">  </form>  <div><img src="Images/Go.gif"></div></div>

CSS:

.block_head:nth-child(3)>div:nth-child(1){color:#fff;font-size:16px;font-weight:bold;letter-spacing:0.01em;margin:27px 0 15px 38px;}.block_head:nth-child(3)>div:nth-child(3){width:32px;height:29px;float:left;}#search{height:29px;margin: 0px -32px 0 35px;height:29px;float:left;}.search_text{color:#fff;font-size:16px;padding:0 10px;width:155px;height:29px;background:url(Images/search_fild.png) no-repeat;opacity:0.6;margin-right:9px;}.go{height:29px;width:32px;opacity:0;}

[klierik]

выложи на jsfiddle.net

[GusevIvan]

выложи на jsfiddle.net

Извините, не совсем понял. Никогда не пользовался данным сервисом просто. Выложить для того что бы опубликовать здесь, или для того что бы найти ошибку??

[Николя223]

либо марджин, либо vertical-align

[klierik]

Извините, не совсем понял. Никогда не пользовался данным сервисом просто. Выложить для того что бы опубликовать здесь, или для того что бы найти ошибку??

с приведенного тобой кода не видно в чем проблема.

выкладывай код на выше указанный ресурс а сюда ссылку, что бы можно было открыть и сразу видеть и код и проблему.

 

подробнее о том как задавать вопрос по ссылке у меня в подписи.

[Z1gnet]

либо марджин, либо vertical-align

тут vertical-align, его нужно задать со значением top.

еще можно флотнуть инпут

[GusevIvan]

 

либо марджин, либо vertical-align

тут vertical-align, его нужно задать со значением top.

еще можно флотнуть инпут

 

Спасибо! vertical-align со значением top выровняло инпут! Но вот только не пойму почему так. Ведь подключен файл Rest.css, в котором для всех инпутов задано значение baseline. Почему же в разных браузерах элемент отображается по разному?

[klierik]

Ведь подключен файл Rest.css

 

название файла ниночем не говорит. но из этой серии рекомендую взглянуть на http://necolas.github.io/normalize.css/