Newest version & Firefox: absolute positioning

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:19

Newest version & Firefox: absolute positioning

Poster: NineNine
Dated: Wednesday July 14 2004 - 22:02:00 BST

I just updated to the latest version of the Milonic menu, and this problem that I'm seeing remains. As per the code below, I obviously am using absolute positioning. However, with the current settings (written while testing with IE), the menu overlaps some text in Firefox 0.9.2. In Firefox, the correct settings for the same pages would be to set top=50, which then makes the same problem happen in IE. An example of this can be seen at https://phydeauxpets.com/philosophy.asp
I've read earlier posts that said that Firefox is still beta, which it is, so I'm not sure if this is going to change by the time v 1.0 comes out, and I'm not sure if its worth the time for the guys at Milonic to fix this.

Code:

with(milonic=new menuname("Main Menu")){
style=menuStyle;
top=60;
left=10;
alwaysvisible=1;
orientation="horizontal";

- Thanks, Frank

Poster: John
Dated: Wednesday July 14 2004 - 23:57:23 BST

Hi Frank -

You probably saw one of my posts on the beta issue. Beta is basically unfinished and unstable. It's really tough to keep "adjusting" the menu for a beta product, which I'm sure you understand, when time could be much better spent fixing/adding things to continue our broad support for 'released' versions.

If you can hang in there until they hit release, then you won't find a faster fix anywhere than here for problems you might still have.

Poster: Ruth
Dated: Thursday July 15 2004 - 4:26:16 BST

John is right, these are beta levels, but this problem has to do with margins and how each of the browsers render them, it does the same thing in Netscape as in Firefox. You can fix it by putting a style code in the head of the page with body{margin-top: 20px;} which is pretty much what is showing in IE. That will put all of them at pretty much the same place, though I cannot test Mac.

Ruth

Poster: NineNine
Dated: Wednesday July 21 2004 - 17:26:05 BST

Thanks very much. That *did* do the trick for Mozilla/Firefox, but of course, messed up IE accordingly. Instead of trying to re-write all of the browser detection, I think I'm just gonna wait until you guys make the changes once Firefox becomes a release version. Thanks again, Frank

Poster: Ruth
Dated: Wednesday July 21 2004 - 21:29:03 BST

I don't understand why it would change anything in IE, that style code should make the browsers put a 20px margin at the top [Which is about where the Phydeaux word begins in IE, so it shouldn't change anything in IE. It doesn't add another 20px, it just makes all of the browsers equalize the top margin to 20px. The menu then would be in the same place on all browsers.

Quote:

Instead of trying to re-write all of the browser detection,

Are you by chance loading different style sheets or different pages? If that's the case then the code needs to be in either all the pages or in the stylesheets being loaded. I downloaded your page and put that style code in the top, then tested the page in Netscape 6, Netscape 7.1, Firebird .07, IE 5.5. Opera 6.05, Opera 7.11, the only ones with a problem are the opera browsers which seem to add the 20px to their particular internal margins. But all the other browsers put the menu in the exact same place [within 1 or 2 pixels] I doubt that this margin issue is something that will change, it's always been an issue as if each browser decided different numbers of pixels to make their automatic margins if none are declared.

Ruth

Ruth

That did it..

Poster: NineNine
Dated: Sunday July 25 2004 - 21:03:52 BST

That did it, thanks. I took another swipe at it, and realized the first time that I did it, my syntax was wrong!! Stupid me. So thanks, setting a margin-top for the <body> put the menu on the same place in both the latest version of IE and Firefox. I didn't check *all* of the various browsers, just those two, but then, that's what you guys are paid for, right?

- Thanks, Frank Papa

Poster: Ruth
Dated: Sunday July 25 2004 - 21:24:25 BST

Your thanks is the greatest pay check

.....as we are volunteers. So, I tested in Netscape 6.1, 7.1, Opera 7.11 [everything before that is like a beta that works terribly] IE 5.5 and Firebird .07 and it is the same in all of them. I don't know about Macs. One thing, I keep getting an alert: you are requesting insecure and secure data. I'm not sure but I think you might have to upload that blank.html page that came with the menu. There's nothing on it, it's just blank. I remember something for IE at least about having to have it there when you are on an https instead of http. Not sure why I'm getting the message in Netscape and the others.

Ruth

Re: That did it..

Poster: John
Dated: Monday July 26 2004 - 3:05:12 BST

NineNine wrote:

...but then, that's what you guys are paid for, right?

I wish! But, just to be sure, every member of the Team is a volunteer. We do not work for Milonic.

Industrial Strength JavaScript and DHTML Menus

Newest version & Firefox: absolute positioning

That did it..

Re: That did it..