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
Solved! Go to Solution.
Could you remove the CSS 1% margin set in the css of the application and test the same.
Could you remove the CSS 1% margin set in the css of the application and test the same.
Thanks for the reply.
It lessens the offset but it is still there and so is the having to click twice issue.
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...
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.
I tried it but still the same issues
Are you sure. It works for me when I remove the margin 1% from the html page.
I updated the code in the link and removed the margin, but I still have the issue of displacement.
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.
I think you are right, since the dojo themes apply automatic margins around the map. Take a look.