There are 4 states to the position property:

static
absolute
relative
fixed

Unless you specify elements are generally positioned using static. An absolute position element is positioned relative to the first parent element that has a position other than static. If no such element is found, the containing block is <html>. This means it will position relative to the browser window. To solve this create a relative position like this:

<div style="position: relative;">
</div>

Within this you can then use absolute positioning based on this container

 Examples

Forcing somthing to a fixed position on the screen

position:absolute;
bottom:0;

USEFUL?
We benefit hugely from resources on the web so we decided we should try and give back some of our knowledge and resources to the community by opening up many of our company’s internal notes and libraries through mini sites like this. We hope you find the site helpful.
Please feel free to comment if you can add help to this page or point out issues and solutions you have found, but please note that we do not provide support on this site. If you need help with a problem please use one of the many online forums.

Comments

Your email address will not be published.