IE Display Bug, jQuery bug
Posted
by nute
on Stack Overflow
See other posts from Stack Overflow
or by nute
Published on 2010-04-28T16:27:57Z
Indexed on
2010/04/28
16:43 UTC
Read the original article
Hit count: 786
So I built some complex ajaxy jquery module on my homepage, with the help of "scrollable" from flowplayer.org.
It works fine for me on Chrome, Opera, Firefox ... but of course IE is not playing friendly (regardless of the version, from my testing).
Objects are not displaying exactly where they should, some are overlaying each other, and when a click a button some divs just disappear.
However, if I resize the IE browser window up and down, the display mostly fixes itself. Then if I click on one of the buttons I made, it messes it up again. Until I resize the window again and it looks fine.
To see the problem:
- Go to makemeheal.com
- Visit a couple of product pages (you need a product browsing history to see the module)
- Go to: http://www.makemeheal.com/mmh/home.do?forceshowIE=1
- Look at the "Your Recent History" module.
(note the forceshowIE=1, because by default I hide it for IE people)
I was thinking maybe there is a way to force IE to redraw the entire module sometimes? Or maybe someone has a better idea on how to fix the underlying problem?
Source code is available here:
http://www.makemeheal.com/mmh/scripts/recentHistory.js
http://www.makemeheal.com/mmh/styles/recentHistory.css
Thanks
© Stack Overflow or respective owner