jquery-countdown
jquery-countdown copied to clipboard
ZOOM IN and OUT IE 9
load index.html , try to zoom in and out in IE 9 (press ctrl and scroll up or down) or the latest chrome. the digits disappear. you can not replicate this problem with firefox or when running IE 9 in compatible mode. also the test.html doesn't have this problem because it doesnt have
I've been meaning to change the index.html file in the project for a while as its doesn't really serve any purpose now (other than confuse people). Thanks for reporting the issue.
well changing the index.html wont help. the problem lies somewhere in the java code. Having the DOCTYPE declaration is something standard and necessary in some cases. It seems that when we zoom in or out with IE9 or Chrome, the timer image doesn't scale well. To be honest I haven't figured it out yet :( I like this timer, the code is simple and tiny and it's beautiful, but I wont be able to use it like this.
So i did some research and I think I know why when you zoom-in in IE9 or Chrome, the timer messes up. take a look at this article talking about sub pixel renderinghttp://msdn.microsoft.com/en-us/library/hh237264%28v=vs.85%29.aspx#using_spp_on_your_site . In this timer we assume the margin is an integer number and we always move it by 1 pixel that's why if we zoom in or out with ie9 the timer can't handel it.