From: "Steve Clason" <[EMAIL PROTECTED]> > Hi List, > > I spent a lot of time on this today and figured I should share. > > Although IE7 does support the :hover pseudoclass on elements other > than > <a>, making Suckerfish-type navigation work without JavaScript, you > have to be careful to trigger "hasLayout" in both the element and > the > element pseudoclass, and you have to use two different triggers, > apparently. > > There's a test case at http://www.bch.org/ie7HoverTest.html.
The approach we took in our new E-Book is carried in an external file that addresses IE7, IE6, and IE5.x, which is, I guess, a useful procedure in the real world. An example page is here: http://www.projectseven.com/products/templates/designpacks/42nd_street/demo.htm The contents of the IE fixes CSS file: /*IE5.5, IE6, and IE7 FIXES*/ /*hasLayout fixes*/ div {zoom: 100%;} /*IE5.0, IE5.5, IE6, and IE7 FIXES*/ /*hasLayout fixes*/ #p7menubar a, #side_nav a {height: 1%;} /*IE5.0 FIXES*/ /*hasLayout fixes*/ #wrap_inner, #nav_wrapper, #footer { height: 1%; } /* Eliminate vertical gaps in Link Lists*/ #nav_wrapper ul li { float: left; clear: both; } /* Layout Centering*/ body { text-align: center; } #masthead, #wrap_outer, #footer { text-align: left; } #sidebox {overflow: hidden;} If the fixes were for just IE7, it would be a bit more straightforward, but I think this approach is useful. For a vertical menu, the solution is a lot simpler: http://www.projectseven.com/tutorials/navigation/auto_hide/workpage.htm We do not, however, recommend using these types of menus with more than sub-level in horizontal mode, or at all in vertical mode (unless one uses images to mitigate the usability problems caused by the lack of a timing mechanism). -- Al Sparber PVII http://www.projectseven.com ______________________________________________________________________ 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/
