Why does this not work right in Firefox

[jgethers]

http://odcinc.com/new/?pageID=Mailings

[Nile]

What browser does it work with?
I've tried it on FireFox 3, IE 7, and Safari.
Get rid of this:


<link rel="stylesheet" type="text/css" href="chromestyledemo.css" />

At the top of the page, but keep:

<link rel="stylesheet" type="text/css" href="chrometheme/chromestyle.css" />
And it looks to me that its not working because you've got 2 background images overlapping. Delete the overlapping one(the code was really messy, I couldn't find there it was)

[jgethers]

Works here with IE7 (dropdown links centered)

[Nile]

Sorry, didn't relize you meant the drop down, I thought you wanted to navigation bar fixed.
:( Can't do anything for you with that. :o

[jgethers]

I do mean the navagation bar. Works here on ie7. And works on my 2 dedicated servers.

[Nile]

Do you mean the drop down to the navigation bar? Or how the images overlay on each other? They're different things,

[jgethers]

I mean the dropdowns. I am working on the images right now. Firefox makes all of the child menus show up on the very right of the bar.

[jgethers]

can you post a screenshot of what you are seeing?

[jgethers]

See what I am doing is building the menus dynamically from a database. Users can add pages and link them to a parentID in real time. But the code matches the demos except for spaces betwen lines in the div tags

[TheJoshMan]

Try changing this:


var edgeoffset=0
72 if (whichedge=="rightedge"){


To this:


var edgeoffset=0
72 if (whichedge=="leftedge"){

[jgethers]

getposOffset:function(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
},

[Nile]

Please:
1) Rap your code in
tags.
2) Tell us if you did it, and if it works or not.

[TheJoshMan]

ah, so it's measuring offset based on the parent element... I have no clue as to how you should fix that one bud... Sorry.

[jgethers]

what should I replace with your code then?

[TheJoshMan]

forget about the code I sent... It wouldn't have worked, it was telling which edge of the browser window to clear.

I did find that you can override the styles set by the javascript via CSS... BUT, that is going to become very very messy and if you use more than one dropdown menu, they will be placed in the same place. Here's an example.



.dropmenudiv {
-x-system-font:none;
background-color:white;
border-color:#BBBBBB;
border-style:solid;
border-width:1px 1px 0;
font-family:Verdana;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
position:absolute;
top:240px !important;
visibility:hidden;
width:200px;
z-index:100;
left:25% !important;
}

[jgethers]

that actually killed any dropdowns. I have even replaced the code with the original ones and it does the same thing.