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/
