The page in question works great on every browser except IE8. There is a div underneath the blue logo on the left hand side of the page that fades in with some copy. It is driven by a simple embedded script. However, I cannot figure out why it is not working in IE8. It just will not show up. I have tried multiple things and at this point I dont care if the fade in works, I just want the side text to appear on the left hand side of the page underneath the logo without having to reformat the page. I tried removing the javascript altogether and and removing the "Display: none" funtion from each div so they would be visible, but they are still not showing up. What gives?

The div that it being called by the javascript code is #wrapper_content_home, by which it contains three other divs within it that fade-in when the script id fired (#pageTitle, #solidDivider, #sideContent).

I am currently using VirtualBox to test and have it configured to Windows XP 32 bit using IE8.

Can anyone tell me what's wrong with my code or what I need to do to fix this issue? Could it be a Doctype declaration issue? At this point, I have no idea. Thanks in advance for any help with this!

Where did you declare the Effect object? Best is get the latest browser. Then use the tools there. Quickly it gave me an error that Effect is undefined.

08-17-2012, 05:22 PM

mcarlucc

Not sure I am following. I wasn't aware that I needed to declare it anywhere. Is Effect not a pre-defined code property? If this is the case where and how do I declare it? Also, I am testing in IE8 via virtualbox since other options have proved to be inaccurate from a UX standpoint.

08-17-2012, 05:40 PM

ssystems

The only real core property is the ones on core javascript. getElementByTag, etc.