I still don't know the difference between position absolute and relative.. can someone explain me?

Answer 1

http://www.barelyfitz.com/screencast/html-training/css/positioning/

this is a very good example for positioning

Answer 2

relative goes with the flow of the Web page.

For example, If the websites width is 1000px, and you have 2 relative divs that are 500px, they would fit in side by side.

However, if they are both 600px they can't fit sit side by side on the website, so the second div will automatically know to go below the first div.

Absolute positioning you need to give an exact position for the div.

Then there are things you can do like put an div with absolute positioning inside a relative positioned div so it's positions are based on the top left of the relative div, instead of the Web page.

I'm sure the link above probably explained it better. w3 schools should have some good examples for that.

Answer 3

ABC Great link, however I believe the default position is actually relative and not static as it says on that link?