Skip Evans wrote: > I have implemented his "Sliding Door" tabbed style > navigation, and it works fine, but I need it to > fill 100% of a table's TD cell, so it goes all the > way across on all browsers without going into a > "double layer" type look. >
Skip, I can't be sure of what you're asking without seeing a page to look at. Do you mean you have each tab in a TD, and you want it to fill up that TD? This is the default behavior if you don't specify a width on the TD or parent table, so we'd have to see the page to know what else is getting in the way if that's not happening. If, on the other hand, you mean that you have a one column table and have your entire nav bar in one TD and want it to stretch to fill up that TD, that is trickier. My first piece of advice is to stop thinking in the table mindset and embrace the CSS one, where things take up the amounts of space they do based on their text and are allowed to grow and shrink based on the users' preferences. However, if you absolutely can't get away from this old table effect, it's quite easy to emulate in CSS: set each LI (I assume each of your tabs is in an LI?) to display: table-cell. Unfortunately, this won't work in IE, which is where the trickiness comes in. Here's a page that shows you your options to deal with IE (basically, JavaScript): http://mrclay.org/web_design/tabs/ Hopefully all of this was of some use to you. Next time post a URL so I can be sure I'm not blathering on about something you're not interested in, and you can be sure to get more helpful help. :-) Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
