Bill Merikallio wrote: >http://hotdesign.com/post/css-d/bcnav/ > >It works in everything but NS7 and IE7 (must be something about the >number 7). > > Hi Bill, Not a number 7 ;-) : also Netscape 6 under Win98SE: is not good. See screenshot: http://home.tiscali.nl/developerscorner/css-discuss/images/screenshot-brandcenter-NS6.gif
Opera 7.54 under Win98SE is going wrong too (Opera 8.01 o.k., as is Mozilla 1.7.1; besides cross browser remarks). Screenshot: http://home.tiscali.nl/developerscorner/css-discuss/images/screenshot-brandcenter-Op7.54.gif - As Georg noticed, there are some font-size troubles. I guess #mainnav {font-size: 1px;} will avoid the peeping under of the no-style text when the font-size (now: fixed on 10px) is enlarged in other browsers than IE. Maybe also a line-height of 1px is needed, and/or a span around the text with { margin-left: -9999px; }. And some varia: The submenu's don't have a hierarchical relationship with the connected menu-items [1]. Can be partially solved by giving the menu-items a <h2> to distinguish them from the submenu items. But I think the css should better provide real submenu's with new ul-li's inside the li's of the main menu items. As I'm always "reading with the mouse", I saw that when hovering over a submenu, the submenu is flashing away. Checked: this is cross browser... I suspected a margin between the submenu-items, that would cause loosing focus when hovering over it, so letting disappear the whole thing. Yes: every time I hovered slowly from the one submenu-item to the next, the submenu disappeared. - Heavily searched in the css, but couldn't find. > ??? > At last I discovered: wrong diagnosis! :-) Even when staying upon a link in the submenu, after a short while the submenu is flashing away, and no time to click or to read the other links. > It is the javascript doing it! [2] The #navskip is hidden by the #mainnav ul {margin-left: -190px}. Means: at font-enlarging the left margin of the menu is shifting to the right. Probably can be solved with #navskip { margin-left: -9999px; height: 0px; } + some fine tuning, and no negative margin for the #mainnav ul. Checking the html-validator showed a double used ID. You never know: after repairing that, some browsers might perform better. Greetings, francky [1] One of the consequences of this approach: with a no-style view it is not clear which are menu-items, which are submenu-items, and which item is a submenu-item of which main item. Screenshot: http://home.tiscali.nl/developerscorner/css-discuss/images/screenshot-brandcenter-nostyle.gif [2] I guess the setTimeout should be replaced by an onMouseOut-event. - But a good alternative would be the use of a css-driven submenu like the proven concept of the Sons of Suckerfish. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
