Hi, I've just designed the template page for a new site in Strict XHMTL - validated - and CSS - validated. Looks and works as I want it to in Firefox (Mac/PC) and Safari, but falls down in IE (both Mac and PC)
http://www.purplealchemy.co.uk/template.php Main CSS: http://www.purplealchemy.co.uk/css/layout.css Nav CSS: http://www.purplealchemy.co.uk/css/menu.css THE MENU Screenshot of IE Mac 5.2 http://www.purplealchemy.co.uk/MacIE.jpg As you can see the menu/navigation is all out of whack. I used Stylephreak.com's CSS Dom branching menu. It seems to work in Firefox, Safari, and (almost) perfectly in IE 6. Basically, on the Mac the sub menus are showing all the time, not just when you mouseover the parent <li>. In IE 6, the'Home' (.current1 class) text is not showing up as it should, ie bold white text - it is showing the orange border (which is is set in the class. current1). Also, IE PC is underlining the text as you mouseover it, which it shouldn't be doing. As the menu uses an .htc doc, and I'm not really conversant with them, I'm not sure if there's something I should change in there, or is it a problem with my CSS, which I can't find?! THE COLUMNS The other problem is the left col (#leftcol) is positioning itself under the #maincol in IE (both v6 and the Mac v5.2) - I used CSScreator.com to create a fixed-width (780px) #pagewidth div with #leftcol at 26% and floated left and #maincol at 74% and floated right. The final problem in IE 6, is that the #flowers absolutely positioned div (with z-index:10) is appearing under the teal-coloured band in #footermenu, and should be over the top of it as the single flower #flower div is. Any help gratefully received - I have to launch the site on Monday 13! Yikes. Any comments on how the site looks in other browsers would also be useful, IE 7 for example. I'm hoping I've dealt with transparent PNG problems in IE (although I haven't done all of the gif versions for IE 5 yet). Cheers, Tracy ______________________________________________________________________ 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/
