views:

57

answers:

3

Hi!

http://test.rfinvestments.co.za
I've been working on this website for a little while and, now that it's online, I'm frustrated with cross-browser compatibility issues that don't present themselves when I view the site from my pc.

If you view the site in Google Chrome, you should see it exactly as it's meant to be seen. In IE 8, I've only noticed one thing missing. Belows the TEAM menu item is an icon with an i in it. This icon should be above an image that run grey to black from right to left. This gradient image doesn't display in IE 8 despite modifying the IE 8 stylesheet to explicitly put it in there.

Also, for some reason, I can see the submenu that comes out from the INVESTMENTS menu item on my pc, but my dad can't see it on his. I've also added the Menu system's CSS to the IE 8 stylesheet as well.

as earlier stated, these problems don't exist on my dev pc... I'm all out of ideas, can anyone suggest anything?

Thanks in advance.

+1  A: 

Your doctype

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

is Transitional. Change it to strict and that should show improvement. I tried your website in FF and IE8 (standard mode (non quirk mode)) and it was working fine. Somehow in a machine where you are not able to see your website properly, IE8 is set to work in quirks mode. By setting your DOCTYPE to strict we can prevent that to certain extent. HTH

Pradeep
Done, no improvement as far as the image goes (you can find the image on `http://test.rfinvestments.co.za/Splurb2.png`
Logan Young
A: 

You should add the following tag to your head tag in order to tell IE8 to not use compatibility mode when displaying your site:

<meta http-equiv="X-UA-Compatible" content="IE=8" />
Jonas H
Added the meta, no improvement (but I'm not viewing in compatibility)
Logan Young
I think this will fix the issue seen by your dad, not the other issue. And it will prevent future users from seeing the site in compatibility mode by default.
Jonas H
+2  A: 

The url to the image in ie.css is wrong.

It should be:

background: url("Images/Splurb2.png");

(note the capital S)

geoff
thanks a lot :) Cross-browser compatibility is such a pain... although you were right, I checked ie8.css as well and found the same problem. Fixed and all is 100% now, thanks
Logan Young
@Logan - Yes, it doesn't make life easy at all.
geoff