Stupid IE8... - Post ID 209960

User 2210454 Photo


Registered User
231 posts

I'm not sure if I'm doing something stupid, or if IE8 is just a stupid, outdated, useless browser or both. But something is going wrong somewhere down the line.

I have been asked by someone to make them a website that is responsive. They like the "Birdie" responsive theme so I have adapted that to their needs. After doing a bit of work rejigging it and filling it with the content provided I get an email saying "the site looks appalling, I can't use this. It's not formatted right and it looks like <expletive of your choice here>"

So after panicking, and looking through all the code to see where my mistake was, viewing it in Chrome, Firefox, Opera, Safari, IE10, and on my iPad and WP7.8 I found no formatting errors. So I go back to him and say that there are no issues at all. He is adamant that it looks like rubbish.

At this point I start to get a cold sweat, fear creeping up my spine..nervously I ask what browser he uses. Dreading the answer. He retorts "IE8 of course" *cue dramatic music*. Which he claims it still the most popular browser and 'everyone' uses it! (he doesn't have a TARDIS or DeLorean, so he can't be a time traveler which was my initial thought at hearing this) and he won't accept that IE has lost market share to Chrome and Firefox...even with the w3c statistics.

And herein lies my issue. Is it possible to get a responsive site to look right in IE8? I've loaded up the IE8 viewer in IE10 and it does look terrible. But I'm not sure what to do. Do I design a separate site just for IE8 that isn't responsive or tell him he can't have it responsive at all?

Somebody help me before I have a break down.

the site is here: www.johncarrolldesigns.co.uk/newsite/index.html
Simon,
“If what you’re doing is not your passion, you have nothing to lose.”
User 2147626 Photo


Ambassador
2,958 posts

I'm not a 'real' coder by any stretch of the imagination, but you might want to read through this while waiting on a better solution ...

http://www.sitepoint.com/support-old-browsers-responsive-web-design/
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 2147626 Photo


Ambassador
2,958 posts

Also found this tidbit, looks promising ...check out the screen shot...
Attachments:
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 464893 Photo


Ambassador
1,611 posts

I loaded the site in IE8 and it looked OK and responsive to me, I use XP if that has any bearing on it in my case, IE10 I am not a masochist.
The Guy from OZ


User 2210454 Photo


Registered User
231 posts

Right, I think I have everything looking about right now. So thanks Gunsmoke!

Prism, as you are pretty good at coding, maybe you can help with this bit. On the 'product range' page, if you click on one of the 4 options it takes you to a description of that product. Now on IE10, FF, Chrome etc, a 2nd nav bar comes up in red underneath the 1st. But on IE8, it only comes up as a list. How can I change it so that it shows the bar? Have I missed some coding out?
Simon,
“If what you’re doing is not your passion, you have nothing to lose.”
User 1948478 Photo


Senior Advisor
1,850 posts

Simon,
For the benefit of the rest of us (;)), what exactly ended up being the solution to your original IE8 problem?
User 2210454 Photo


Registered User
231 posts

I pasted this into the <head> section: <meta http-equiv="X-UA-Compatible" content="IE=edge"> as Gunsmoke suggested. All issues are now resolved, it's still responsive. Even the 2nd nav bar now shows in IE8!

That has now become my favorite bit of code! :D
Simon,
“If what you’re doing is not your passion, you have nothing to lose.”
User 1948478 Photo


Senior Advisor
1,850 posts

Thanks! :)
User 2147626 Photo


Ambassador
2,958 posts

I may not be a Master Coder :D But I am a Master Googler! :D:D
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 298877 Photo


Ambassador
292 posts

The answer to everything is in Google, as long as you ask the right question :):)

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.