CSS positioning

This is an article that simple explains the basic theory of positioning with CSS.  I recommend this page as a reference when you begin laying out your pages with CSS as opposed to using Tables.

I still get confused sometimes, as to how positioning attributes work with each other.  Often, times when I start moving stuff all around on my pages.  The four positioning states are:

• STATIC-which is your default if not specified in your CSS, and it means that attributes like left and right don’t apply, it will remain relative to it’s place within the html document.
• ABSOLUTE – is taken out of the normal flow of the document, and should give you an exact positioning using the properties top, right, bottom, left…’in theory’.
• RELATIVE – meaning it will stay relative to the normal flow of the html document, but unlike STATIC, you can apply attributes to change it’s position.
• FIXED – is a lot like absolute, but the element will remain fixed on the page while other elements can scroll past.

But don’t take my word for it, Check out this article “Absolute vs. Relative – Explaining CSS positioning” by Jennifer Kyrnin, and more on About.com

~ by kerricummins on February 3, 2008.