Re: [css-d] width: 100%, 100% in IE

2005-12-27 Thread Paul Walker 
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/

Re: [css-d] width: 100%, 100% in IE

2005-12-27 Thread Paul Walker 
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

Re: [css-d] Myspace

2005-12-22 Thread Paul Walker 
Myspace and Tom are not interested in their markup as 80% of their 
response to to requests is not xhtml/css.  It's .jpg, .mov, .etc.  Get over 
the fact that http doesn't always mean the information you want to serve.


- Original Message - 
From: D Ross [EMAIL PROTECTED]
To: Brian Cummiskey [EMAIL PROTECTED]
Cc: CSS css-d@lists.css-discuss.org
Sent: Wednesday, December 21, 2005 11:45 PM
Subject: Re: [css-d] Myspace


 This guy used to have an amazing myspace page but it appears they
 deleted it for some reason...I saw it before they did and was in awe
 that he could make all that table junk look like what he had it to. I
 checked out his code and he had used display: none and replaced table
 cells with divs and just replaced the content into the divs.

 Here's his site and about halfway down is a screenshot of what it
 looked like.

 http://www.timbenzinger.com/






 I spent like 20 min on my page one night when i was bored, before i
 got
 frustrated with it.  You can't do anything good with it because 90% of
 the tag-soup contains font tags and so forth that end up just
 over-riding your css.

 __
 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/