Question

I am using Jquery to apply some top and left positioning.

When doing so, in IE it works perfectly. Unfortunately, it doesn’t work in Firefox or Chrome.

In IE, when inspecting the code it shows inline styles on the div for the left and top. When looking at chrome and firefox, there are no inline styles for the divs’s.

Here is some code:

var offsets = $("#cssOffsets").val();           
var offsetsArray;  
offsetsArray = offsets.split(":");  
$('#lid').css({'top':offsetsArray[1],'left':offsetsArray[0]});

cssOffsets is a string like 137:10

The #lid div exists.

Any ideas on why it would actually work in IE and not the others?

I am using the latest version of Chrome and FireFox, and of JQuery.

Thanks!

Answer 1

I think its because you’re not specifying the px value.

$('#lid').css({'top':offsetsArray[1]+'px','left':offsetsArray[0]+'px'});