On 1/24/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
>
> How do I get an element (copyright statement in this instance) to always
> be positioned in the lower right hand corner of a DIV that is not absolutely
> positioned? In this instance my DIV starts right at the top of the page and
> the margin-left and margin-right are set to 'auto.'
> ________________________________________________________________________
> Check Out the new free AIM(R) Mail -- 2 GB of storage and industry-leading
> spam and email virus protection.
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
To relatively position an element within a div, simply assign it the
position: relative style, then adjust it's distances with respect to the
sides. So if you wanted something to be on the very bottom right, you would
give it bottom: 0 and right: 0 styles, meaning that it's bottom border is
0px away from it's parent's bottom border element and 0px away from the
right border. I'm not 100% sure as I haven't implemented this exactly
myself, but you may also have to float the element as well.
Although honestly, there are much easier methods of doing this. One such way
would be to simply add the following code to the bottom of the div:
<p class="copyright">Copyright Statement</p>
then simply assign the following css style:
p .copyright { align: right; }
That's a much easier and more reliable way of position something on the
bottom right of a div. If you can, I'd go with that method instead.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
