Thanks very much for your help, Steve. The DOCTYPE did fix almost everything. However, now in IE 6.0 for some reason my second and third level navigation is only slightly more than half the page (maybe about 60% of the page?) when it is supposed to stretch across the whole page: http://mms.media.berkeley.edu:8901/UCBCNUsabilityMockups/Gateway/New/sports- ucb-nested.htm. I've tried putting width: 100% on several of the items to no avail. Since these are nested lists, is it possible that the percentage values are being compounded somehow? If that's the case, however, I wouldn't understand why the third list (menu) is the same size as the second list (which it is nested within). I've put colored borders around some of the elements in question in order to see how big they really are.
And unfortunately in IE5.0 & 5.5 the navigation is all vertical instead of horizontal... Finally, it is also a huge mess on IE5/Mac, maybe because I've used em's to absolutely position the top of the subnavs (for better text resizing results)? I wouldn't think it would be that off from that, though, and they are way too far off to the left despite the use of left: 0px. Do we really have to design for this browser anymore now that it's unsupported as of Dec. 31? I was really excited about this design (because it's more accessible) and was really hoping I could get it to work in these browsers. In case it's helpful, here is the same design (which works at least to some extent in all browsers mentioned except IE5/Mac - though it's troubles there are much less than with this layout): http://mms.media.berkeley.edu:8901/UCBCNUsabilityMockups/Gateway/New/sports- tabs-1.html. Thanks again for any help anyone can give me, and happy holidays! Allison -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Steve Clason Sent: Thursday, December 22, 2005 6:18 PM To: Allison Bloodworth Cc: [email protected] Subject: Re: [css-d] Problems with nested <ul>s used for tabbed navigation in IE 6.0 On 12/22/2005 5:39 PM Allison Bloodworth wrote: > I recently adapted Adam Kalsey's CSS tabs with nested submenus made up of > <ul>s (http://www.kalsey.com/tools/csstabs/) to create three levels of > navigation for a calendar. For some reason, my page > (http://mms.media.berkeley.edu:8901/UCBCNUsabilityMockups/Gateway/New/sports > -ucb-nested.htm) looks great in Firefox 1.5 but horrible in IE 6.0 and I > can't figure out why. The page is no longer centered and the second and > third level navigation is rendering vertically instead of horizontally. I've > used <ul>s to create this navigation and I've made sure all the <ul>s and > <li>s in the submenus are marked "display:inline". Anyone have any > suggestions for me? Your DOCTYPE puts IE into quirks mode. Try this (with the URI): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd";> It seemed to take care of most of the issues you mentioned, though I'll admit I didn't look at everything. -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 ______________________________________________________________________ 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/
