On 22 Aug 2006, at 01:55, Micky Hulse wrote: > Hi, > > <http://developer.yahoo.com/ypatterns/examples/tabs.html> > > I am having a heck of a time trying to figure out how to get the above > tabbed navigation to work in IE5.0/PC. IE5.2/Mac (main tabs span 100% > width of the page.) >
Yahoo! operate on the principle of graded browser support: everything gets to see the main content, and progressive enhancement allows more capable browsers to get the extra good stuff: <http://developer.yahoo.com/yui/articles/gbs/gbs.html> If you look at their browser support table: <http://developer.yahoo.com/yui/articles/gbs/gbs_browser-chart.html> you'll see that IE5 on both Mac and Windows are C Grade browsers; quoting from my first link: "C-grade is the base level of support, providing core content and functionality... Delivered via nothing more than semantic HTML... Layers of style and behavior are omitted." In other words, you aren't going to get Yahoo!'s stuff to work on those browsers because it was never designed to. You'll have to do it yourself, so you might as well start from scratch - no point trying to make a sow's ear from a silk purse :-) Frankly, unless you have pressing reasons to support those dead browsers, you might as well not bother. The IE5/Mac thing with the tabs being 100% wide is because that browser implements CSS 2 (in which a floated element's default width is 100%) and not CSS 2.1 (in which a floated element's default width is auto). This is discussed near the end of Doug Bowman's Sliding Doors article at: <http://alistapart.com/articles/slidingdoors/> where you'll find a hack which works for his example; I don't know if it would be suitable for your case. Cheers, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
