Forum Moderators: open

Message Too Old, No Replies

Netscape 4 problem with a fly-out menu

The book says this DHTML "should" be compatible, but

         

hamnet

3:34 am on Oct 8, 2002 (gmt 0)



Please help!

I just uploaded a temporary site to <sorry, no personal URLs> , and it appears fine on Internet Explorer. However, I have run in to several problems with Netscape. If you can help me with any of the following questions that would be great!

1) The top image (part of a Dreamweaver template file) has gaps between the image slices in Netscape. How do I get rid of the gaps so that it looks like it does in Internet Explorer?

2) The left menu with fly-outs won't fly out whatsoever. I used Dreamweaver 4 Magic to help me build the fly-out layers, and the book said it was compliant with NN 4.07-4.78. So, I shouldn't be having any problems with the Javascript behaviours, but obviously I am.

3) On the faculty page, I tried activating the first two names on the list to test a new design. But when you try and click on the two names and the green buttons to navigate, the onClick and onBlur actions Javascript won't work. I don't know Javascript too good (obviously)and don't know what to do.

Any help is greatly appreciated. Thanks,

Graham

[edited by: tedster at 5:01 am (utc) on Oct. 8, 2002]

moonbiter

4:36 am on Oct 8, 2002 (gmt 0)

10+ Year Member



Netscape.

Netscape 4.x right? Renders fine in NS Gecko.

1) The top image (part of a Dreamweaver template file) has gaps between the image slices in Netscape. How do I get rid of the gaps so that it looks like it does in Internet Explorer?

You need to trick Netscape by giving the far right column a width of 100%. It will push everything over to the left as far as possible, which will snug up the image cells.

2) The left menu with fly-outs won't fly out whatsoever.

Dreamweaver javascript ... too obscure. Must not ... read ... . brain freezing up ... urgh. :: gurgle ::

Seriously, can't help you with the flyouts. Sorry.

3) On the faculty page, I tried activating the first two names on the list to test a new design.

The problem is your div id="menucloser" (line 365 or thereabouts). It has a set position: absolute, width of 500px, and most importantly, a z-index of 1. This is laying the div over the hyperlinks and preventing a user from clicking on them. You can see this by making it's background-color something other than tranparent.

It's that buggy flyout again. Notice that when you mouseover the menu, suddenly the hyperlinks work. You might try reducing the size of the menucloser div. Unfortunately, the javascript is a little too obsfuscated for me to spend my time trying to parse it. You might want to find a better menu script.

Sorry I couldn't be more help.

tedster

5:40 am on Oct 8, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome to WebmasterWorld, Graham. You say you don't know javascript very good? Well, you're in very good company. A lot of us learn what we need in each situation, rather than trying to master it - which gets very crazy cross-browser, as you're finding out.

Moonbiter gave you some good ideas to check out. The NN4 problem is more likely to be in the CSS, and not the Javascript. I'll bet by the time you dig through this, you'll know a good bit more than when you started!

In general, I avoid elaborate CSS or Javascript if I need Netscape 4 support. But that browser only has about 3% market share today and it's dropping fast. Are you sure you need to get into those headaches?