Re: [css-d] Trouble debugging :hover in IE7
On 10/19/07, Gunlaug Sørtun [EMAIL PROTECTED] wrote: IE7 isn't any good at handling vertical padding on inline-elements, so the parent's area doesn't reach down to the children. Try changing the line-height instead, to achieve something like... http://www.gunlaug.no/tos/alien/sea/test_07_1019.html http://www.gunlaug.no/tos/alien/sea/2menu.css Excellent! Initial tests show success. I had noticed a text-shaped box when using the IE developer tools to try to debug; never even considered tweaking the line-height. I'll need to be aware of the vert padding issues in future. BTW: You shouldn't try to fix your document with neither the right nor the wrong doctype... http://www.gunlaug.no/contents/wd_additions_25.html ...because even though you may convince a browser, the validity of your document depends on anything *but* doctype... http://validator.w3.org/check?uri=http%3A%2F%2Fwww.edison-albright.com%2Findex.2menu.htmlcharset=%28detect+automatically%29doctype=Inliness=1group=0 Point taken! Thanks again. __ 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] Trouble debugging :hover in IE7
Sean Edison-Albright wrote: IE7 seems to be displaying the correct submenu when I hover over an element, but when I mouse down to the submenu, I lose the submenu. http://www.edison-albright.com/index.2menu.html IE7 isn't any good at handling vertical padding on inline-elements, so the parent's area doesn't reach down to the children. Try changing the line-height instead, to achieve something like... http://www.gunlaug.no/tos/alien/sea/test_07_1019.html http://www.gunlaug.no/tos/alien/sea/2menu.css If no one has any thoughts on it, I'd be happy to just disable :hover on non a elements in IE7, but I can't seem to manage that -- I was under the impression that changing DOCTYPE from strict to something else would do so, but I guess I was mistaken. You have standard and quirks mode... http://gutfeldt.ch/matthias/articles/doctypeswitch/table.html ...but Strict vs. Transitional has no effect. It's easy to push IE7 back into quirks mode though... http://www.satzansatz.de/cssd/quirksmode.html BTW: You shouldn't try to fix your document with neither the right nor the wrong doctype... http://www.gunlaug.no/contents/wd_additions_25.html ...because even though you may convince a browser, the validity of your document depends on anything *but* doctype... http://validator.w3.org/check?uri=http%3A%2F%2Fwww.edison-albright.com%2Findex.2menu.htmlcharset=%28detect+automatically%29doctype=Inliness=1group=0 regards Georg -- http://www.gunlaug.no __ 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] Trouble debugging :hover in IE7
Hi all, New to this forum... please correct my mistakes vehemently. I'm working on a two-tier horizontal css menu using nested ul elements. In Firefox and Opera everything works great -- current submenu displays by default, hovering over an element in the supermenu displays the appropriate submenu instead, which I can then click on. IE 6 and less don't do anything on hover (which is fine by me). IE7 seems to be displaying the correct submenu when I hover over an element, but when I mouse down to the submenu, I lose the submenu. The demo page is at: http://www.edison-albright.com/index.2menu.html CSS: http://www.edison-albright.com/2menu.css If no one has any thoughts on it, I'd be happy to just disable :hover on non a elements in IE7, but I can't seem to manage that -- I was under the impression that changing DOCTYPE from strict to something else would do so, but I guess I was mistaken. Any help would be appreciated. Sean __ 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/