Some useful articles
- http://www.autisticcuckoo.net/archive.php?id=2004/12/07/relatively-absolute
- http://www.barelyfitz.com/screencast/html-training/css/positioning/
- http://aplus.rs/lab/z-pos/
Some points to remembers (excerts)
- The
staticvalue is only used for overriding a previously set value. (Most cases) - Elements with
position:relativeare positioned relative to themselves. - A relatively positioned element remains in the document flow
- A relatively positioned element counts as positioned, even if we don't shift it a single pixel in any direction
- What people normally mean by positioning, CSS-P or layers, is elements with
position:absolute. - Ironically, absolute positioning is relative. An absolutely positioned element is positioned relative to another element, called the containing block.
- The containing block of an absolutely positioned element is its nearest positioned ancestor
- Absolutely positioned elements are completely removed from the document flow.