Good thinking...I did create a create a class just for that.
<div id="menuborder"></div>
#menuborder {
position: absolute; top: 35px; left: 0; z-index: -10;
width: 100%; height: 20px;
border-bottom: solid 1px #4C7F80;
background: #fff;
display: none;
}
Obviously, not the ideal solution. I think I may experiment with nesting an
unordered list in a definition list next.
Another question: What's a good source to read about inheritance, how to
override it and browser quirks? Also is "padding: 0 0 0 9px;" ever treated
differently than "padding-top: 0; padding-right: 0; padding-bottom: 0;
padding-left: 9px;" ?
Thanks,
~PJ
----- Original Message -----
From: "{tonyFelice}" <[EMAIL PROTECTED]>
To: "'{tonyFelice}'" <[EMAIL PROTECTED]>; "'Paul Walker'"
<[EMAIL PROTECTED]>
Cc: <css-d@lists.css-discuss.org>
Sent: Tuesday, December 27, 2005 1:52 PM
Subject: Re: [css-d] width: 100%, < 100% in IE
> Ok, that was close.
>
> #menu ul {
> list-style-type: none;
> float: none; display: none;
> margin: 0; padding: 5px 92px 5px 10px;
> background-image: none;
> background-color: #fff;
> border: none; border-bottom: solid 1px #000;
> }
> Fixes the provided example perfectly.
>
> But, although the right padding was 92px and could be affected by
modifying
> the inherited padding, that wasn't the real source. Anybody want to
season
> a guess as to what else in this page is 92px? The left of the active tab.
>
> So, because these are nested the way they are, applying the 'selected'
class
> to any of the subsequent subnavs, as would be the case in production, the
> amount of right padding on the subnav is equal to the left of the active
> tab.
>
> I can tell that some brain-bending went into this layout, so maybe an
> appropriate IE fix would be to handle the subnav background and lower
border
> in a completely separate block, impervious to these idiosyncracies.
>
> Hth
> Tony
>
>
>
> -----Original Message-----
> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] On Behalf Of {tonyFelice}
> Sent: Tuesday, December 27, 2005 2:31 PM
> To: 'Paul Walker'
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] width: 100%, < 100% in IE
>
> All the padding left and right is inherited down, for a combined total of
> 92px at any width.
>
> This creates a fix, but moves the subnav over 92:
> #menu ul {
> list-style-type: none;
> float: none; display: none;
> margin: 0; padding: 5px 0 5px 102px;
> /*added 92 to the previous 10*/
> background-image: none;
> background-color: #fff;
> border: none; border-bottom: solid 1px #000;
> }
>
> Hth
> Tony
>
> -----Original Message-----
> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] On Behalf Of Paul Walker
> Sent: Tuesday, December 27, 2005 1:41 PM
> To: css-d@lists.css-discuss.org
> Subject: Re: [css-d] width: 100%, < 100% in IE
>
> The problem with your proposed solution is that 1) it creates a horizontal
> scroll bar in the browser and 2) if the window is resized small enough,
the
> original problem resurfaces.
>
> Perhaps someone has a better method of accomplishing the same look w/
> different (but symantically correct) markup and css?
>
> Thanks,
> ~PJ
>
> ----- Original Message -----
> From: "{tonyFelice}" <[EMAIL PROTECTED]>
> To: "'Paul Walker'" <[EMAIL PROTECTED]>
> Sent: Tuesday, December 27, 2005 12:25 PM
> Subject: RE: [css-d] width: 100%, < 100% in IE
>
>
> > Paul,
> >
> > I don't know that I could tell you *why* but I can tell you the
> width:150%;
> > seems to fix it.
> >
> > Hth.
> > Tony
> >
> > -----Original Message-----
> > From: [EMAIL PROTECTED]
> > [mailto:[EMAIL PROTECTED] On Behalf Of Paul Walker
> > Sent: Tuesday, December 27, 2005 1:07 PM
> > To: css-d@lists.css-discuss.org
> > Subject: [css-d] width: 100%, < 100% in IE
> >
> > The nested unordered list is absolutely positioned and set with a width
of
> > 100%, but does not take up the width of the browser window in IE6. I
> would
> > greatly appreciate it if someone could explain to me why.
> >
> > The markup and css are here:
> > http://www.paulwalker.tv/tabs.htm
> >
> > Thank you,
> > ~PJ
> > ______________________________________________________________________
> > 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/
>
> ______________________________________________________________________
> 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/
>
> ______________________________________________________________________
> 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/
>
> ______________________________________________________________________
> 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/
______________________________________________________________________
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/
