Nov 13

Posted by Seree.

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?

There are 6 comments to this post.

Umair had this to say, Oct 24, 2008 @ 6:55 pm

Thanks for the “Simple & Stupid” knowledge

Seree had this to say, Oct 24, 2008 @ 7:03 pm

Yeah, it made me stupid for a while.

Chris had this to say, Aug 3, 2009 @ 11:24 am

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

DF had this to say, Sep 27, 2009 @ 12:15 am

Oh man how stupid! THANKS A LOT!

Marco had this to say, Nov 21, 2009 @ 8:45 am

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

Arnold Kim had this to say, Nov 23, 2009 @ 6:46 pm

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

Add Your Comment.

i@mSeree