The extra space is not always 92px, it varies according to which submenu is
active.
Quick question: How did you figure out the gap was exactly 92px?
----- Original Message -----
From: "{tonyFelice}" <[EMAIL PROTECTED]>
To: "'Paul Walker'" <[EMAIL PROTECTED]>
Sent: Tuesday, December 27, 2005 1:21 PM
Subject: RE: [css-d] width: 100%, < 100% in IE
> Paul,
>
> I'm sorry I forgot about the scrollbars.
>
> Is the extra space always 92px for you? That's what it seems to be for
me,
> and it's very odd, and to me, indicates something declared.
>
> Part of it is inherited from the
> #menu li {
> float: left;
> margin: 0; padding: 0 0 0 9px;
> background: url(left.gif) no-repeat left top;
> }
>
> Reducing the left padding to 0 leaves me with 74px of space, a loss of 18.
>
> I continued on, and found that all left/right padding in your example
> contributed a portion of the gap.
>
> #menu {
> list-style-type: none;
> margin: 0; padding: 10px 0px 0px 0px; /*can pull left out
> for a loss of 4; orig val 10*/ /*can pull right out for a loss of 4; orig
> val 10*/
> font: small/1.5em georgia, serif;
> }
> #menu li {
> float: left;
> margin: 0; padding: 0px 0px 0px 0px; /*can pull this out for
> a loss of 18; orig val 9*/
> background: url(left.gif) no-repeat left top;
> }
> #menu a {
> float: left; display: block;
> padding: 5px 0px 4px 0px; /*can pull left out for a loss of
> 6; orig val 6*/ /*can pull right out for a loss of 15; orig val 15*/
> background: url(right.gif) no-repeat right top;
> font-weight: bold; color: #35595a; text-decoration: none;
> }
>
>
> 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/
