From: "Seth Livingston" <[EMAIL PROTECTED]>
>The roadblock for me is the display of the second level <ul>. In Eric's
>design he uses an absolute position to get the second level menu items to
>left align with the first tab:
>
>#nav li.off ul, #nav li.on ul {
> /*put the subnavs below and hide them all*/
> display: none;
>> position: absolute;
> top: 33px;
> height: 15px;
>> left: 0;
> padding-top: 10px;
>}
>
>Here's my problem: I want to put the menu inside of a centered <div>
>container:
>
><body>
> <div id="container">
> <ul id="nav">
> <li>
> <ul>
> <li>
>
>Absolute positioning at zero left breaks this, because it ignores (goes
>outside of) the centered <div> container. Is there another way to position
>that second level <ul> beneath its parent <ul>?
Have you tried adding {position: relative;} to the container element and/or the
initial UL in order to establish something different than the body for the AP
elements to base their positioning off of?
"In the absolute positioning model, a box is explicitly offset with respect to
its containing block."
" The containing block for a positioned box is established by the nearest
positioned ancestor (or, if none exists, the initial containing block..."
See - http://www.w3.org/TR/CSS21/visuren.html#containing-block and
http://www.w3.org/TR/CSS21/visudet.html#containing-block-details for more info.
~holly
______________________________________________________________________
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/
