Code problem IE 9 and up

[TimWitt2]

Hey everybody,

I am having some issues with an application that I created in IE9 and higher.

Here is a link to my application: Advanced Draw

When I use it in Firefox, Google Chrome and IE 8 everything works fine. Once I switch to IE9 when I place a point, the point is displaced to the top-left. When I switch to IE10 the same happens and I have to click twice to place a point. I can't figure out what the issue could be.

If anybody has any inside!

Thanks,

Tim

[thejuskambi · Accepted solution]

Could you remove the CSS 1% margin set in the css of the application and test the same.

[TimWitt2]

Thanks for the reply.

It lessens the offset but it is still there and so is the having to click twice issue.

[ChrisSmith7]

I had this problem as well - honestly, I can't remember the resolution, but I know one exists! I'll see if I can dig it up...

[ChrisSmith7]

I think it has something to do with the bottom div - if I remove the left/top attributes of #bottom, it puts your "created by" div at the top; however, the points are no longer offset in IE.

UPDATE - I think I changed something else in addition to this as I tried to replicate the resolution and was unsuccessful.

[TimWitt2]

I tried it but still the same issues

[thejuskambi]

Are you sure. It works for me when I remove the margin 1% from the html page.

[TimWitt2]

I updated the code in the link and removed the margin, but I still have the issue of displacement.

[thejuskambi]

I am not sure why this happens, But I definitely know there is some kind of an issue with getMarginBox method and IE. for some reason the margin values are ignored. I dont have the time to look into it, If somebody does, It would be really helpful to get to the bottom of it.

[TimWitt2]

I think you are right, since the dojo themes apply automatic margins around the map. Take a look.