On 7/18/05, Lst Recv <[EMAIL PROTECTED]> wrote: > I'm stumped by the following snippet: Why is Copyright appearing > above Header? Isn't its parent div Content - so shouldn't it appear > beneath Header but above Content? > > <h1 style="text-align: center">Header</h1> > <p>more header info</p> > <div id="content"> > <p>Content</p> > <p>Content</p> > <div style="position: absolute; right: 10px; top: 0px;"><p>Copyright</p></div> > </div> > > PS Please cc me on all responses, thanks.
from the excellent Brainjar positioning tutorial: ( http://www.brainjar.com/css/positioning/default4.asp ) "The containing block of an absolutely positioned element is defined a little differently than it is for other elements. The containing block for an absolutely positioned element is established by its closest, positioned ancestor. That is, the nearest element outside it that has a position of absolute, relative or fixed. If there is no such ancestor element, the initial containing block (the browser window) is used." ... so, if you give position:relative to your #content, it will act as the containing block. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
