Firefox Positioning

[Andre]

Hi,

I need help with something's working in one of my app, but not in
another.

I have a MENU, and on MouseOver i display a DIV on the Page, but in
Firefox, the DIV is always at the LEFT (0px) of the page.. even with this
code, did someone have any idea ?

The Menu
------------------
<table width="600" border="0" cellspacing="0" cellpadding="0"
style="position:static;background-image: url(Menu/top_bg.jpg);">
<tr>
<td class="section" id="pacs" align="CENTER"
onmouseover="menu(this,'menuB');" >PACS</td>
<td class="section" id="cinema" align="CENTER"
onmouseover="menu(this,'menuA');">CINEMA</td>
</tr>
</table>

<div id="menuA" style="z-index:20;display: none; background-color:
#FBBD38;">
HELLO
</div>

<div id="menuB" style="z-index:20;display: none; background-color:
#FBBD38;">
RE_HELLO
</div>


Positioning
---------------------------
function menu(obj,objMenu) {
document.getElementById(objMenu).style.left=900;
document.getElementById(objMenu).style.position='absolute';
document.getElementById(objMenu).style.display='block';
}


Thank you

 

[jshanman]

Hi,

I need help with something's working in one of my app, but not in
another.

I have a MENU, and on MouseOver i display a DIV on the Page, but in
Firefox, the DIV is always at the LEFT (0px) of the page.. even with this
code, did someone have any idea ?

The Menu
------------------
<table width="600" border="0" cellspacing="0" cellpadding="0"
style="position:static;background-image: url(Menu/top_bg.jpg);">
<tr>
<td class="section" id="pacs" align="CENTER"
onmouseover="menu(this,'menuB');" >PACS</td>
<td class="section" id="cinema" align="CENTER"
onmouseover="menu(this,'menuA');">CINEMA</td>
</tr>
</table>

<div id="menuA" style="z-index:20;display: none; background-color:
#FBBD38;">
HELLO
</div>

<div id="menuB" style="z-index:20;display: none; background-color:
#FBBD38;">
RE_HELLO
</div>


Positioning
---------------------------
function menu(obj,objMenu) {
document.getElementById(objMenu).style.left=900;
document.getElementById(objMenu).style.position='absolute';
document.getElementById(objMenu).style.display='block';
}


Thank you

Try:
document.getElementById(objMenu).style.left=900+"px";

- JS

 

[Andre]

Ah ah... i forgot the famous "px" for Firefox... thank you !!