jQuery + IE8 = PITA - Help wanted please

Simmy · 22 Apr 2011 at 15:00

This is the page we're working on - http://www.smg-computers.com. It works perfectly on IE9, FF, Opera, Safari. But IE8 and below is a no go.

IE8 doesn't display the info divs and doesn't even show the orange borders like every other browser. We're using the latest jQuery, we've tried z-index for everything as IE7/8 seems to have a problem with that. Infact the list of things we've tried is so long and some are so random that we're now out of ideas. Please shed some light on this!

It's easier to get the source live from the site as we keep making changes

Tripnologist · 23 Apr 2011 at 09:34

Sort out the fact you have divs inside of anchors (big no no), and then I'll take a look at it if you like.

Simmy · 23 Apr 2011 at 12:44

Anchor tags removed.

It seems IE8 doesn't like animate() for whatever reason.

Tripnologist · 23 Apr 2011 at 19:08

I don't have anytime tonight, but I'll see if I can sort it out for you tomorrow.

Simmy · 25 Apr 2011 at 10:33

I've told the page to disable rounded corners if it detects the browser is ie8 or less. It's a lame workaround but it works and will let us carry on with the rest of the site until we can fix it properly.

supafly · 29 Apr 2011 at 11:34

reading this on phone, sounds like you are using jquery for rounded corners. if so why not use css3 for rounded corners.

pita to punctuate properly on phone sorry.

Simmy · 30 Apr 2011 at 08:56

Yeah I tried css3 borders

but then the animation effects stopped working properly. I've tried all manner of hacks and workarounds but IE7 just doesn't want to know - at least if I want to keep the animation effect.

TidyWorks · 30 Apr 2011 at 18:54

Give up on ie6+7 and think towards the future and create the best design possible, for ie6+7 create a elegant static stylesheet with no javascript, you'll waste less time and enable you to spend more time being creative with better browsers.