Can you explain the position: fixed style?

The most important thing to know is that:

quote:

---

Fixed position is a subset of absolute position.

---

from

so you need to specify the position of the element with respect to its position on the screen:

#fixedElement {

  top: 0px;

  right: 0px;

  position: fixed;

}

However, browser tests suggest that although it now has pretty wide browser support:

IE5 Mac, Opera 5+, Safari, Konqueror and Mozilla

there is a rather major exception - Internet Explorer/Win (of course).

That said this page attempts to address that issue.

-------------------------
Relevant links:

Manual:
http://www.w3.org/TR/REC-CSS2/visuren.html#fixed-positioning

Tutorials:
http://developer.apple.com/internet/css/css_fixed.html

http://www.westciv.com/style_master/academy/positioning_tutorial/

IE/Win fixes/hacks:
http://devnull.tagsoup.com/fixed/

http://jessey.net/simon/articles/007.html

Example:
http://www.w3.org/Style/Examples/007/menus.html


-------------------------
Relevant FAQs:

How do I keep an element static on the screen when users scroll?

___________________
Emperor

(Added by: Emperor on Tue 19-Aug-2003)

(Edited by: Emperor on Tue 19-Aug-2003)