Показать сообщение отдельно
  #2 (permalink)  
Старый 07.04.2014, 13:49
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,225

Duda.Ml1986@gmail.com, именно "поиск" к адаптивности никаким боком...
Все можно решить как-то так

<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
* {
	margin: 0;
	padding: 0;
}
#content {
	width: 70%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}
#find_box {
	position: relative;
	width: 100%;
	height: 20px;
	border: 1px solid green;
}
#find_data {
	height: 100%;
	margin-right: 20px;
}
#find {
	width: 100%;
	height: 100%;
	border: none;
}
#find_btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 100%;
	background-color: green;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<div id='content'>
	<div id='find_box'>
		<div id='find_data'>
			<input  id='find' type='text' />
		</div>
		<div id='find_btn'></div>
	</div>
</div>
</body>
</html>
Ответить с цитированием