CSS - How to make a content float

Hi everyone!!

        Today we'll learn how to make a div, table etc to float at the same position as we scroll down...It is extremely simple but can create nice effect and enhances convenience...
Just apply the following CSS class to the content to be floated...

.float
{
position:fixed;
left : 0px;
top : 100px;
}


The above class will make the content fixed at extreme left and 100px from the top. Likewise the content can be fixed at desired position by appropriately allotting values to the following:


left : 0px;
top : 100px;
right : 0px;
bottom : 0px;


   Hope this post was helpful....