Re: [css-d] Firefox problem with flyout menus
Tom McNeer wrote: > Ingo, > > Thanks very, very much for your explanation. I didn't actually see anything > happen in Firebug when I selected #twocolumn and moved my mouse near the > borderline. What should I have seen? It was just a debugging note. When hovering over the submenu, the mouse looses focus once this imaginary "borderline" is passed, and your menu collapses. This wrong behavior is independent from the chosen text-zoom. Enlarge the text by one step in Firefox 2, the menu still collapses on the same "borderline". So the problem could not be found in the menu entries or its scripting, but in its underlying structures. > > But of course, your solution worked. I'm very grateful. > > Just to be clear: the CSS in those divs is part of a pre-built commerce > package, whose author I'm doing some work for. He freely admits that the > current CSS is a mess, and has a project going to build far better > templates. > > So we'll need to see what, if any, effect the change in those attributes has > in other areas (the person who built the existing CSS is long gone). But now > we know the problem. > > And I'm very appreciative for your help. > > Glad I could help. Again, any other containing floats technique should do. thanks, Ingo -- http://www.satzansatz.de/css.html http://www.dolphinsback.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/
Re: [css-d] Firefox problem with flyout menus
Ingo, Thanks very, very much for your explanation. I didn't actually see anything happen in Firebug when I selected #twocolumn and moved my mouse near the borderline. What should I have seen? But of course, your solution worked. I'm very grateful. Just to be clear: the CSS in those divs is part of a pre-built commerce package, whose author I'm doing some work for. He freely admits that the current CSS is a mess, and has a project going to build far better templates. So we'll need to see what, if any, effect the change in those attributes has in other areas (the person who built the existing CSS is long gone). But now we know the problem. And I'm very appreciative for your help. -- Thanks, Tom Tom McNeer MediumCool http://www.mediumcool.com 1735 Johnson Road NE Atlanta, GA 30306 404.589.0560 __ 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/
Re: [css-d] Firefox problem with flyout menus
Tom McNeer wrote: > Hi folks, > > Before I ask for help, let me warn everyone that the code I'm about to point > you to does not validate. And I do not (at the moment) have > access/permission to make it so. > > But if you're willing to take a look, I'd appreciate any opinions on the > problem. > > It involves the integration of a CSS/Javascript menu generated by OpenCube's > QuickMenu. I have contacted their support regarding the issue; but the > problem seems not to be in their code, but in its interaction with other > styling or Javascript within the page. And it's creating an effect I've > never seen before. > > You may view an example at http://sitedirectorcssdev4.quilldesign.com. In IE > 6 and 7, and in Safari, the drop-down/flyout menus which descend from > "Category 1" and "Category 2" work correctly. > > But in Firefox, on both Mac and PC, the sub-menus will often disappear even > while hovered over. Typical behavior is for the menus to appear correctly to > start with, then begin to disappear as one moves around. For example, start > with Category 1, then go to Sub-Category 3, then move out to > Sub-sub-category Five. > > I know I'm asking for help on something that can't be tested properly at the > moment. I'm just hoping it's something that someone may have run into > previously, and can point me in a direction for troubleshooting. > > Thanks in advance for any suggestions. > There are two nested boxes following the header with the menu in question, #main and #twocolumn. both have overflow:hidden set, probably to contain floats, the "easy way" (the buggy way, I should add). But Firefox seems to loose track on the menu once the mouse hovers a position above the overflow area. Your script just slows down the effect. Open your page with Firebug and highlight #twocolumn, then let the mouse gently move towards the borderline. In Firebug, remove overflow:hidden from both and use display:table instead, for debugging. You will have to choose another containing floats method. I'd suggest starting with a solid clearer, or using the easyclearing method. Ingo -- http://www.satzansatz.de/css.html http://www.dolphinsback.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] Firefox problem with flyout menus
Hi folks, Before I ask for help, let me warn everyone that the code I'm about to point you to does not validate. And I do not (at the moment) have access/permission to make it so. But if you're willing to take a look, I'd appreciate any opinions on the problem. It involves the integration of a CSS/Javascript menu generated by OpenCube's QuickMenu. I have contacted their support regarding the issue; but the problem seems not to be in their code, but in its interaction with other styling or Javascript within the page. And it's creating an effect I've never seen before. You may view an example at http://sitedirectorcssdev4.quilldesign.com. In IE 6 and 7, and in Safari, the drop-down/flyout menus which descend from "Category 1" and "Category 2" work correctly. But in Firefox, on both Mac and PC, the sub-menus will often disappear even while hovered over. Typical behavior is for the menus to appear correctly to start with, then begin to disappear as one moves around. For example, start with Category 1, then go to Sub-Category 3, then move out to Sub-sub-category Five. I know I'm asking for help on something that can't be tested properly at the moment. I'm just hoping it's something that someone may have run into previously, and can point me in a direction for troubleshooting. Thanks in advance for any suggestions. -- Thanks, Tom Tom McNeer MediumCool http://www.mediumcool.com 1735 Johnson Road NE Atlanta, GA 30306 404.589.0560 __ 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/