This page show you how to use CSS to fix a element's position relative to window.
Here is a example. You'll see a yellow box fixed to the lower right corner of your window.
Here's the code:
<div style=" position:fixed; right:1ex; bottom:3ex;"> <p>♥ ♥ ♥</p> </div>
right:1ex means offset it from the right border of the window, by 1 “ex”. (ex means the height of the letter “x”.)
You can also use
top:1ex to offset the position.
When you have 2 elements that are both
position:fixed, they may overlap. You can control the overlap using “z-index”. See: CSS Example: “position:fixed”, overlap, z-index.