Re: [css-d] Mind the Gap: multi-level menu problem
Ryan N wrote: Hello all, In developing this menu I have encountered a problem with a couple different implementations of the code. Everything look fine in Firefox, Opera, and Safari yet IE (6 and 7) displays a 2-pixel gap underneath the li whenever a second-level menu item contains and 3rd level menu. My menu: http://www.dangodang.com/projects/cssmenu/test_menu_3.html [...] Suggestions are most appreciated. Thank you, Ryan Ryan, the gaps are there in IE6 because doesn't like the absolute positioning you have used. Anyway bumping up the text in any good browsers cause overlapping because you have used absolute positioning and heights on many elements. You have also used IE conditional comments for the table elements. IE doesn't need any of this to have a functioning menu. Even Stu Nichol's main menu on his site doesn't use tables any more. CSS Play menus are not the best examples around. May I suggest following these links. http://www.tyssendesign.com.au/articles/css/dropdown-low-down/ or http://css-class.com/articles/ursidae/ Alan http://css-class.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Mind the Gap: multi-level menu problem
Hello all, In developing this menu I have encountered a problem with a couple different implementations of the code. Everything look fine in Firefox, Opera, and Safari yet IE (6 and 7) displays a 2-pixel gap underneath the li whenever a second-level menu item contains and 3rd level menu. My menu: http://www.dangodang.com/projects/cssmenu/test_menu_3.html Ultimately the sub levels will only appear on mouse over. I've developed that advanced version and the gap only appears when the 3-level menu is visible. In other words, when the third level ul is set to 'display:none' no gap appears in the second level. Suggestions are most appreciated. Thank you, Ryan PS This code is custom although I borrowed a few ideas from CSS Play's really neat, css-only, drop-down example here: http://www.cssplay.co.uk/menus/final_drop.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/