Alien8 Recordings wrote:
>I am trying to position a navigation menu relative the bottom of its
>parent element. To be more explicit, I would like the bottom left
>corner of the navigation menu to line up with the bottom left corner
>of its parent element which is a top banner div. If the user's font
>settings are larger or smaller than mine I would still like the menu
>to line up at the bottom. Everything I've read, including w3c
>statements on the attribute, would seem to indicate that this would
>be very simple. But all I've been able to manage is to control how
>the top of the nav menu element lines up with the bottom its parent
>element, which means it is dependent on browser font settings.
>
>
Sean,
Change your "#topnav ul" rule to this:
#topnav ul {
position: absolute;
right: 0;
bottom: 0;
}
Position: relative does not mean what you think it means. It means
relative to the spot where the element would sit if you left it in the
normal flow. If you want to position something not relative to its
normal spot but relative to its parent, use absolute positioning. See
this article for a good rundown:
http://www.brainjar.com/css/positioning/
Zoe
--
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu
______________________________________________________________________
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/
