Positioning Problem in Firefox and Netscape

echovue · April 9th, 2007, 11:48 AM

Hi Everyone,

I'm struggling with a problem and was wondering if anyone had any suggestions on how best for me to narrow it down.

Basically I have been tweaking a javascript menu, where the submenus slide out from the right hand side of the menu. It works fine in Opera and IE, however I am having a problem in with Netscape and FireFox.

What the code is doing, is determining where the submenu should appear, and then setting the top & left style elements to these values. The problem is in FireFox and Netscape, the menu is appearing in the top/left corner of the page, and any further sub-menus and appearing below this, instead of out to the side.

position is set to absolute if that helps, and the values in the top and left properties are correct after the calculation. I suspect that it may have to do with the positioning.

Any suggestions would be greatly appreciated.

Thanks

Mike

Mike
EchoVue.com

Dj Kat · April 10th, 2007, 05:05 AM

Hi,

Most javascript menus have CSS to style the menu. Things you could try are to put the position to relative

Code:

menu{
  position:relative;
}

if that doesn't work you can try to experiment with !important in your CSS.

Code:

menu{
width:300px!important;/*Only firefox will use this*/
width:100px;/*This will apply for IE*/
}

I am not sure of the same effect will work on Netscape but i think Netscape and Firefox behave the same.

__________________________________________________ ________
I am DJ Kat...that's my name. Its a D and a J and a Kat with a K.

echovue · April 12th, 2007, 11:47 AM

Thanks DJ Kat,

I'll have to experiment with the !important thing.

It turns out that Netscape and Firefox both treat div's and other elements differently when they are not visible... The div I was trying to position was taking it's top and left from another, but because the other was not yet visible, it took it's top and left values as zero. Very confusing, but what I had to do to fix it, was make the div visible before it popped out.

Thanks again, for the advise,

Mike

Mike
EchoVue.com

adam_kahtava · April 13th, 2007, 08:39 AM

Netscape 8+ uses the same rendering engine (Gecko) as Mozilla and Firefox.

Read more here: http://en.wikipedia.org/wiki/Netscap...based_releases

- Adam Kahtava [http://adam.kahtava.com]