Why my .style.left doesn”t work with FireFox?

This is a simple & stupid knowledge that I taken about 2 days to solve it.

I have a project that have to use this code….

var con = document.getElementById(“menu”);

con.style.left = “10″;

con.style.top = “20″;

When I run this code in Internet Explorer 6, 7.

I got it working like I want!

But when I try with Mozilla FireFox.

It never works!

Man! I hate DOM, if I have enough money. I’ll buy Microsoft and stop Internet Explorer project to reduce browser compatibility issues.

I try to use FireBug to change the css real-time, it does work very well.

The key point of this issue is that YOU MUST APPEND the property with UNIT!

I changed the code to…

con.style.left = “10px”;

con.style.top = “20px”;

And now it works!

Gotcha!

Simple & Stupid, right?

Tags: dom, firefox, javascript, style.left, web development Category: Application Development

Seree -

Umair

Oct 24, 2008

Thanks for the “Simple & Stupid” knowledge
Seree

Oct 24, 2008

Yeah, it made me stupid for a while.
Chris

Aug 03, 2009

Thanks so much, this would have taken me forever to figure out.
DF

Sep 27, 2009

Oh man how stupid! THANKS A LOT!
Marco

Nov 21, 2009

Hi Seree well done!
It was really useful.
Thank you so much,
Marco.
Arnold Kim

Nov 23, 2009

Thanks your solution save me.. Very nice work !!
JSoares

Jan 14, 2010

Thanks Seree !
You save my day with this tip!
DEUScronio

Mar 31, 2010

Thanks Man! Greetings from Portugal.
Noji

May 22, 2010

Wow…did it for me, too.