How to fridge the position of a particular div

**Rabbit** · Aug 21 '13, 03:34 AM

Use CSS to give it absolute positioning.

**vinayjg** · Aug 21 '13, 08:29 AM

Use

Code:

position:fixed

Its makes that element non scrollable and gets fixed to the location you specify

**shadowstrike** · Aug 23 '13, 07:32 AM

Wrap the perticular div and fix its position using

Code:

position:fixed

To make that scrollable add

Code:

overflow:scrollable

Here is a small snippet:-

Code:

<html>

<body>
 <style type="text/css">
.search-result{
	
	height: 150px;
	width: 205px;
	border: 1px solid;
	overflow: scroll;
	position: fixed;
}
.search-result .filter{
margin-top: 30px;
float: left;
word-wrap: break-word;
padding: 5px 10px;
line-height: 15px;
background-color: white;
} 
 </style>
<div class="search-result">
	<div class="filter">
		<h3>Filters Applied</h3>
		<div class="source">Gender</div>
		<div class="user-list">
			<span><input type="checkbox" name="gender" class="radio" value="Male" /> Male</span>
			<span><input type="checkbox" name="gender" class="radio" vlaue="Female" /> Female</span>
		</div>
		<div class="source">Country</div>
			<div class="user-list">
				<span><input type="checkbox" value="India"> India</span>
				<span><input type="checkbox" value="USA"> USA</span>
				<span><input type="checkbox" value="UK"> UK</span>
				<span><input type="text" value="Enter another country"></span>
			</div>
							
	</div>
</div>
</body>

</html>

How to fridge the position of a particular div

How to fridge the position of a particular div

Comment

Comment

Comment