My element.style.top assignment is not working in Firefox

[BClareS]

Sorry, I have found my mistake, but I cannot delete this post.
I have discovered by experiment that element.style.top assignment in IE works with just a number on the right but in Firefox you have to put the unit too. Original code is below. Adding "+'px'" made it work in Firefox too.

javascript
    var fullsizeimage = document.getElementById('fullsizeimageframe');
    if (!fullsizeimage) return false;
    var coord = new Array(2);
    coord = findPos(whichpic);
    alert(coord[1]);
    alert(fullsizeimage.offsetTop);
    document.getElementById('fullsizeimageframe').style.top = coord[1]; 
    alert(fullsizeimage.style.top);
  .....

alert results IE: 162; -2; 162px (div moves)
alert results Firefox 2: 162; 0; blank (div doesn't move)

[gits]

hi ...

i think you have to set explicitly:

ele_ref.style.top = 'width px';

so add + 'px' to your set-statement ...

kind regards

[gits]

congrats ;) you find it the same time for yourself ;)

kind regards

[drhowarddrfine]

Yes, units are required for html and css as the standard so states.

[acoder]

Sorry, I have found my mistake, but I cannot delete this post.

I'm sure this will help someone, so it makes sense not to delete it.

[akshalika]

Hi friends,
I have faced same issues.But it not work for me in FF. In bellow my code even if ScollTop greater than 0 it is not work

 var ScrollTop = document.body.scrollTop;
        if (ScrollTop == 0)
 
{
 
    if (window.pageYOffset)
 
        ScrollTop = window.pageYOffset;
 
    else
 
        ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
 
}
 
        shadow.style.top = ScollTop +'px';
        shadow.style.left = 0;

[akshalika]

Sorry Guys. it work me too

[acoder]

Welcome to Bytes. Glad you managed to solve it. I assume the problem was a mis-spelling.

PS. please remember to use [code] tags when posting code. Thanks.

[zshowing]

i registered just to say u saved my day.
a million thanks!