if i understand things correctly, i want it to be absolutely poistioned inside #body content, because that is a fluid div and the pop-up will move as the div scales. i.e.:
Elements are ploaced in relation to their parent when that parent has a position:defined. If the parent has no position defined then the nearest ancestor with a position defined will be the start position. If no ancestor has a position defined then the root element (html) is the starting position.
If you add position:relative to #bodyContent then the position of the absolute child elements will be in relation to the top left corner of #bodyContent (assuming they are not nested within other positioned elements).
Code:
#bodyContent {
float: right;
width: 76%;
margin-top: 9px;
margin-right: -6px;
padding-bottom: 12px;
/*align: center; this is not css - perhaps you meant text-align:center */
border: 0px #000000 solid;
position:relative;
}
so, let's say that parent is positioned top 10, left 10. if the child is given an absolute position of, say, top 10 left 10, will it display at top 10, left 10 from the wrapper,
Yes it will display in relation to its wrapper (as long as position:relative or position:absolute is in force) wherever that wrapper may be. If it was a centred wrapper then the absolute element would still maintain its integrity within that wrapper and move with it etc.
and in the process overlay everything less than 10000 inside the parent and less that 20 outside the parent
That's how it should work
Of course as I mentioned there may be bugs in IE in certain instances so you need to keep an eye on things and check as you go.
ositioning with co-ordinates unless its for a special effect.
Bookmarks