April 7th, 2013, 04:54 PM
im trying to get generic position for these divs i have
i dont care where it is on the page, but i want all of these divs to have top:0px; and left:0px; in the same spot so i try to set this and i try all of the position values: static, absolute, fixed, relative and inherit.
absolute and fixed break the positioning in a way i do not want. each div i am working on has a "shadow div" and the whole point of all of this is to get each yellow div on top of its red "shadow div". absolute and fixed make this impossible i think.
static, inherit and relative do not change the top:0px; left 0px; spot
any ideas guys?
Last edited by chopficaro; April 7th, 2013 at 05:11 PM.
April 7th, 2013, 06:12 PM
Try again. As a member for over 3 years and 80 posts, there is no excuse for this type of post.
April 7th, 2013, 06:55 PM
i been doing other stuff
found the soluition
To position divs on top of one another give each position:absolute and wrap them all in another div with position:relative
April 7th, 2013, 08:46 PM
Congrats on figuring it out.
You don't have to give them both "position:absolute". The one with the real content can have "position:relative".