There are 4 states to the position property:


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;">

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


Forcing somthing to a fixed position on the screen


Feel free to comment if you can add help to this page or point out issues and solutions you have found. I do not provide support on this site, if you need help with a problem head over to stack overflow.


Your email address will not be published.