I have a web page generated with PHP which has a lot of divs with rollover effects. It represents a table with more than 200 cells, but is made of divs instead of a table because I've read they are more efficient (specially in IE8 which has turn out my nightmare in this project!)
In the same page I want to put a ticker for user messages with horizontal text scrolling.
Well, the thing is that the ticker works great when the page loads, but as soon as the user starts to move the cursor over the table (rollover effects are triggered) the ticker becomes very jerky in IE8 (Firefox works almost perfect)
After a lot of work tunning my PHP/HTML code I gave up and decided to embed a flash object for the ticker in order to relieve the browser part of the scripting and delegate it to flash. My surprise was that it had the same defect. I am not an expert in how the browser deals with flash objects but I really though it would be a solution.
I've found a example which illustrate the problem.
This a page with a commercial flash object. It's really much more than what I need, but if you try (with IE8) to move the cursor around the right section of the page, over the elements with rollover effects, you'll notice that the ticker becomes less smooth. Imagine that within a page with 200 divs!
By the way, I have tried to achieve this with a javaapplet and the result is that it works perfectly. Anyway I only considerer this as the last option because I want to avoid the inconvenients of using this technology
Thanks a lot!
Joined: Jun 04, 2011
Maybe I wasn't specific enough. LET me try again
Is there any way to have in IE8 an element with horizontal text scrolling (like the html marquee tag) which is not interfered by another rollover effects in the same page?