Duane Nelson wrote: > I've recently tried to write my own css for a horizontal navigation > bar. I've succeeded with FF but alas have failed with IE. FF gives me > the correct horizontal version; IE7 causes it to go vertical. My > suspicion is a missing hack. > > http://appwoodcraft.com/about.html > http://appwoodcraft.com/css/awc.css > > If someone would point me in the right direction, I would appreciated > it. Also since this is my first try at writing the full navigation code > by myself, feel free to opinionate on it for efficiency and excellence. > > Thank you (again), > > Duane Nelson >
IE7 looks the same as IE8-- at this end (IETester on Mac OS X 10.4), but the menu is a "no-show in IE/6. IE/6.0 supports height but not min-height. So delete this: /*hack for IE6*/ * html #navbar { min-height: 15px; } And write: * html #navbar { height: 15px; } Delete all this stuff and the menu should appear: /* Fix IE. Hide from IE Mac \*/ * html #nav ul li { float: left; } * html #nav ul li a { height: 1%; } /* End */ And see this for IE/6 png support <http://www.twinhelix.com/css/iepngfix/> -- desktop http://chelseacreekstudio.com/ mobile http://chelseacreekstudio.mobi/ ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] 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/