I realize that Netscape will soon be a thing of the past, but I am now using this same flyout menu for another client, and low and behold, the client is using Netscape 7. Of course, they're freaked out about the menu. Unfortunately, the popout (located at it's original download site at: http://www.cssplay.co.uk/menus/flyoutt.html) jumps around like a "whack the monkey" game when a user starts going over the links. Any ideas as to what I can do to keep this from happening? The link I am working with is at: http://wildrivernet.com/_paa2/About the PAA/index.htm Thanks profusely for anyone who can help.
Hi, I don't know the parameters of Netscape - I wanted to get this thread going for you again. Your link is down so we can't see it.
Yeah, the link has been moved because I had to "go live" with the website. Two current versions can be found of this anomaly at: 1) http://westhillsanimalhospital.com 2) http://potatoassociation.org/About the PAA/ I realize that Netscape is going, going, gone. But, unfortunately, the clients ARE using it (ugh). It looks awesome in everything else, but VERY unprofessional in Netscape. Here are some things I noticed: 1) Any time there is NOT a popout on the navigation link, no problem is created by moving the mouse either on or off the link. 2) Mousing over a link with a popout the FIRST time does not create an anomaly. 3) Moving the mouse OFF of a link with a popout causes the whole menu to jump down. By all indications, when the whole menu does "jump down", it jumps down the exact same distance of where the last major link appears in the navigation bar before any jumping occurred. 4) Pages that are very short (i.e. shorter than the navigation bar plus popouts) REALLY have a spastic problem. I've tried everything, such as creating an additional table in the cell and putting a CSS height of 100% (in hopes of "forcing it" up). I tried putting a 100% height on the TD and TR tags...no dice. My sense (probably incorrectly) is that my issues may have something to do with the display:block declaration. If you could find out what might be the issue, I would FOREVER be indebted! Thanks! The CSS code for the non-IE menu is as follows: /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/flyoutt.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. =================================================================== */ /* common styling */ .menu {font-family: verdana, sans-serif; width:202px; height:200px; align:top; position:relative; margin:0; font-size:13px; margin:0 0;} .menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#FFFFFF; width:202px; height:18px; text-align:left; border:0 dashed #fff; border-width:0 0 0 0; background:#236D18; line-height:17px; font-size:13px;padding: 4px 0px; z-index: 100;} .menu ul {padding:0; margin:0; list-style-type: none;} .menu ul li {float:left; margin-right:1px; position:relative;} .menu ul li ul {display: none;} /* specific to non IE browsers */ .menu ul li:hover a {color:#203035; background:#FEFACB;} .menu ul li:hover ul {display:block; position:absolute; top:0; left:202px; width:202px;} .menu ul li:hover ul li a.hide {background:#236D18; color:#FFFFFF;} .menu ul li:hover ul li:hover a.hide {width:202px;} .menu ul li:hover ul li ul {display: none;} .menu ul li:hover ul li a {display:block; color:#FFFFFF; background:#236D18; width:202px;} .menu ul li:hover ul li a:hover {background:#FEFACB; color:#203035;} .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:202px; top:0; color:#FFFFFF;} .menu ul li:hover ul li:hover ul li a {display:block; width:202x; background:#236D18; color:#FFFFFF;} .menu ul li:hover ul li:hover ul li a:hover {background:#FFFFFF; color:#203035;}
Heh wildmank, I've had a tinker round with your code actually your ideas were pretty good. I looked at resizing the table and changing the display: block to inline however that changes things in IE and FF..... I know I've helped you on this one before but I'm stumped ATM.. I will continue to work on it though, because this is a new question - why not post it as a new thread with the caption 'Not working in Netscape? - Help Please' - that's the type of question I'd answer.... sorry on this one dude.
Maybe better idea is to find out Netscape7's specific bugs. Hell, I don't even know which rendering engine that is. But I vaguely remember an @import rule that Netscape (or some version of it) ignored... so basically, find the bug that lets you send your working stylesheet to all other browsers, and feed a different menu CSS to Nutscrape7. Problem is, I think N7 was the most compliant of the Netscapes and so I dunno if that all Hide From Nutscrape hack still works on this one. But it'll be easier than trying to make the existing CSS works both for normal modern browsers AND N7. Good luck.