поле уехало

[cyklop77]

помогите пожалуйста понять почему на страничке в последнем хроме поле .fld_search уезжает вверх?

в ие подобные проблемы были, но я их решил при помощи условных комментариев. в хроме что можно сделать?

[Svatov]

Здесь проблема не в Хроме, а в методах верстки которую вы применяете. Обратите внимание как этот блок реализуют на других сайтах, настоятельно рекомендую перед этим ознакомиться http://learn.javascript.ru/css-center. Position:relative это грубо и некрасиво.

[senrize]

У вас для инпута не указана высота. Так что нужно установить height/line-height для .fld_search

[cyklop77]

применил этот способ и вот что получил. проблема с .btn_search в хроме

Edited July 11, 2012 by cyklop77

[senrize]

.search .btn_search{
	border: none;
	background: url('../images/btn_search.png') 12px 6px no-repeat;	
	width: 34px;
	height: 31px;
	cursor: pointer;
	position: absolute;
}

[cyklop77]

.search .btn_search{
	border: none;
	background: url('../images/btn_search.png') 12px 6px no-repeat;	
	width: 34px;
	height: 31px;
	cursor: pointer;
	position: absolute;
}

спасибо, это работает. не объясните почему все таки это

	.search .btn_search{
		border: none;
		background: url('../images/btn_search.png') 12px 6px no-repeat;	
		width: 34px;
		height: 31px;
		cursor: pointer;
		display: inline-block;

	}

и даже это

	.search .btn_search{
		border: none;
		background: url('../images/btn_search.png') 12px 6px no-repeat;	
		width: 34px;
		height: 31px;
		cursor: pointer;
		display: inline;

	}

не работало? ведь теоретически должно

в вашем способе position: absolute не понятно какую функцию выполняет. объясните, если не трудно. это для меня вопрос очень важный так как в каждом проекте на подобные грабли наступаю

Edited July 11, 2012 by cyklop77

[Svatov]

применил этот способ и вот что получил. проблема с .btn_search в хроме

Очень хорошо, теперь ставите .btn_search vertical-align:top, и проблема должна решиться. Но тут причина скорее в другом, вы не до конца понимаете как работают эти элементы и в каком контексте...рекомендую почитать цикл статтей на css-live.ru.

[cyklop77]

применил этот способ и вот что получил. проблема с .btn_search в хроме

Очень хорошо, теперь ставите .btn_search vertical-align:top, и проблема должна решиться. Но тут причина скорее в другом, вы не до конца понимаете как работают эти элементы и в каком контексте...рекомендую почитать цикл статтей на css-live.ru.

спасибо так получилось. я действительно плохо понимаю как работают эти элементы и сеичас читаю теорию. но объясните пожалуйста почему в способе http://learn.javascript.ru/css-center#одна-строка-line-height не сказано о vertical-align:top ? значит и без него долно работать...

Edited July 11, 2012 by cyklop77

[Svatov]

спасибо так получилось. я действительно плохо понимаю как работают эти элементы и сеичас читаю теорию. но объясните пожалуйста почему в способе http://learn.javascript.ru/css-center#одна-строка-line-height не сказано о vertical-align:top ? значит и без него долно работать...

Дело в том, что там рассказывается как выравнивать один элемент в родительском блоке. У вас два элемента с разной высотой, выравниваются они по базовой линии по умолчанию, так как инлайновые...в общем чтобы успешно и без головной боли верстать блоками нужно уделить время спецификации...которую начали любезно переводить и объяснять на css-live.ru.