Browser Issues

[David Bagwell]

my client has stated that on Internet explorer the background picture is no showing on his screen nor his friends screens. What do i need to do?

[Bill Robbins]

Can you send me a link so I can take a closer look for you?

[David Bagwell]

http://www.gogreentiming.com

[Bill Robbins]

The background looks ok in Internet Explorer to me. Here’s what I’m seeing:

which is also what I see in Safari.

[Darren Callcott]

Hi Bill,

A client of mine has had a problem with viewing the site in IE8 with widget block non existent and text display issues.

Who use IE8 these days, well unfortunately some still do.!!

Anyway, I customised the theme quite a bit with new colour scheme, custom codes etc and it appears fine in all browser types apart from IE8.

Any chance you can take a closer look in IE8 (if you have it) and see what’s going wrong. I’m assuming I need to add additional coding into the IE section of editor but I don’t know where to start? I am by no means a coder.

This is the website: scoffs.com

(Built on foxy theme)

Thanks for your assistance.

[Bill Robbins]

Darren,

Great looking site first of all.

I this will be a quick fix for you. In the released form of the theme, the semi-transparent backgrounds don’t play nicely with IE 8 and below because it doesn’t support RGBA colors. To get around that, Foxy uses a small background image only in Internet Explorer 8 and under. Here’s what I’d suggest to fix it:

1. Go to the Appearance section and select Edit.
2. From the list of files on your right, choose ie.css
3. Replace everything in the file with this:

   
   header{
   	background: none;
   	background-color: #00BCE4;
   }
   
   aside.sidebar nav a, 
   aside.sidebar nav a:visited, 
   .current-menu-parent ul.sub-menu li a,
   .page-content, 
   .staff-list article, 
   aside.sidebar .widget {
   	background: none;
   	background-color: #ffffff;
   }
   
   p.header-links {
   	height: 30px;
   	width: 600px;
   }
   

4. Save your changes.

See if that doesn’t restore your background colors.

If you have any trouble, let me know.

Enjoy your weekend,
Bill

[Darren Callcott]

Hi Bill,

Thanks for the code above. It has helped to improve it.

However, I found out when in compatibility mode it still looks okay apart from nav button heights being a bit thin and a few issues with text glitches and line spacing in sidebar.

Also when I click off compatibility mode button, it is displayed funny or same as before. Is this something I can’t avoid with IE8?

Thanks.

[Bill Robbins]

Darren,

After thinking about this for a while, I have another way you might try. Instead of using the rgba values for the white background since it’s virtually opaque, switch them to be just plain old white (#ffffff). If you’ll change that in your Custom CSS box, you should be able to remove those items from ie.css and it shouldn’t have trouble with the color.

Or if you’d like to be bulletproof, you could edit the style.css file and replace the rgba values there for white.

I hope that helps out.

Bill

[Author]

Posts