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

By Seree On November 13, 2007 · 11 Comments · In Application Development

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?

Tagged with: dom • firefox • javascript • style.left • web development

Facebook comments:

Umair says:

October 24, 2008 at 6:55 pm

Thanks for the “Simple & Stupid” knowledge
Seree says:

October 24, 2008 at 7:03 pm

Yeah, it made me stupid for a while.
Chris says:

August 3, 2009 at 11:24 am

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

September 27, 2009 at 12:15 am

Oh man how stupid! THANKS A LOT!
Marco says:

November 21, 2009 at 8:45 am

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

November 23, 2009 at 6:46 pm

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

January 14, 2010 at 11:19 pm

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

March 31, 2010 at 7:22 pm

Thanks Man! Greetings from Portugal.
Noji says:

May 22, 2010 at 4:21 am

Wow…did it for me, too.
rick james says:

February 8, 2011 at 10:49 pm

you rock. simple AND stupid!!!
thanks a ton!
Pradeep says:

February 9, 2011 at 6:15 pm

Thanks Seree. Saved a lot of time.