At 08:33 PM 7/17/2005, Lst Recv 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>
Absolute positioning takes the element out of the normal flow. It's doing
exactly what you've told it to do: go to the top of the page ("top: 0px;").
Right now your abs div is positioning itself with reference to the page
body. You can give it a closer ancestor (div#content) as a reference point
by styling the container {position: relative;}. Then "top: 0px;" will mean
zero pixels from the top of div#content.
Paul
______________________________________________________________________
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/
