Yes, I did see your response, Tony. However, I tried putting your fix into Paul's code and it breaks Firefox 1.5. - there is a horizontal scrollbar and the top div (containing the tabs) now isn't long enough. Am I missing something?
Also as I think you pointed out, hardcoding a 92px right margin for the <ul> wouldn't work since in production the right margin would be different for every tab. I guess you could come up with a "selected" class for each tab, but in my example that would be very complicated because I have three levels of tabs. I think you might have been putting an ending period (which was really supposed to end the sentence, but because the long link gets line broken in some email clients you might have thought was part of the url): http://mms.media.berkeley.edu:8901/UCBCNUsabilityMockups/Gateway/New/sports- ucb-nested.htm -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of {tonyFelice} Sent: Wednesday, December 28, 2005 9:25 AM To: 'Allison Bloodworth' Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] position: absolute; width: 100%, IE width not 100% Allison - 404 for me. The original problem posted by Paul yesterday, used this example: http://www.paulwalker.tv/tabs.htm which is now fixed. It originally showed the background for the subnav (white with black lower border) not filling the screen to 100% My final response follows: #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. (which showed the second tab active) 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 Allison Bloodworth Sent: Wednesday, December 28, 2005 10:07 AM To: [EMAIL PROTECTED]; 'Ingo Chao' Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] position: absolute; width: 100%, IE width not 100% Hi Franky, I was trying to do something similar to what you were, and was watching this thread for a solution to the IE using the wrong width problem. I got everything working in FF & Opera without having to change the nesting of the lists (thus, keeping it more accessible): http://mms.media.berkeley.edu:8901/UCBCNUsabilityMockups/Gateway/New/sports- ucb-nested.htm. Thought I'd post it in case it was helpful to you. However, I was never able to get the proper width in IE...I'd love to hear any ideas anyone has on that! Thanks, Allison ______________________________________________________________________ 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/
