Home
Empower yourself by revealing real nuts and bolts behind CSS positioning: Absolute vs. Relative
Share
Delicious
Digg
Facebook
Reddit
Stumble Upon
Technorati
Mixx
Sphinn
Twitter
SphereIt
Propeller
Gmarks
Newsvine
Yahoo! My Web
Live Journal
Blinklist
E-mailMade Popular Feb 15 2007
Before really moving towards positioning, let’s check out the following two examples:
Note: Assume outer box as browser and inner box as DIVs.
Code for figure 1
Code for figure 2
Now if we look at the codes of both the examples then the...
Add Images and Videos
Close X
Recommended Tags or Keywords
Search by Tags or Keywords
Selected Media ( You can Upload only Six media )
Sorry no picture found for this combination of tags. Try to search minimum number of tags at once
RSS 
yes formula works accurately!!
this makes relative and absolute positioning very clearer!!
please find some formula for nested DIV\’s also..
this makes relative and absolute positioning very clearer!!
please find some formula for nested DIV\’s also..
CSS happens to be a very efficient tool in web designing as well as development..thanks for the informative article.
Add your Comment
”Distance from first DIV top corner = second DIV top + first DIV height – first DIV top – browsermargin.”
whose distance is ”Distance from first DIV top corner”? if it is of secondrel then
what is the difference between ”Distance from first DIV top corner” and ”second DIV top” ??