Building responsive website in IE8

I know that media queries are not supported in IE and below, so I am keen to understand how <IE9 browsers treat them? Do they just ignore any styling withing a media query and use the base styles? My aim is to build mobile up so does that mean that IE8 would use the mobile style?

Also what are my options for getting around this? I have read a little on respond.js or is it better to use a specific IE CSS instead or like the 320 and up framework it appends a class to the html tag when being viewed in <IE9 so that over-writing styles can be used but this will bloat the CSS will it not?

Any advice would be great.

Thanks
Al4ddin2Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Julian HansenCommented:
Also what are my options for getting around this?
Don't support IE8 - seriously - unless your client is chained to it don't support it.

There is no reason IE8 should continue to go on living - it is a thorn in the side of web dev and needs to go the way of IE6.

Rather spend your time on HTML5 and build a great 21st centuary site.
0
RobOwner (Aidellio)Commented:
+1 for what JulianH has said... Don't support it if you don't need to.

I would like to know WHY you want to support IE8.  Where did this come from?
0
Al4ddin2Author Commented:
Stats. We still have enough users on IE8 to warrant the people above wanting to support it. Plus a lot of people at the company use it.
0
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

RobOwner (Aidellio)Commented:
Fair comment so sounds like your hands are tied for the moment.

As for the media queries, they are just ignored by < IE9.  The accepted way around this is to use IE's conditional commenting:

<link rel="stylsheet" type="text/css" media="all" href="style.css"/>
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" media="all" href="style-ie.css"/>
<![endif]-->

Open in new window

0
Julian HansenCommented:
[NFP - not for points]
Just to clarify
unless your client is chained to it don't support it.
Seems like you are in the unfortunate position of having to develop for it.

Tagit has you on the right track but consider mentioning to your client that supporting IE8 is expensive in terms of time and they should consider upgrading.
0
Al4ddin2Author Commented:
What about respond.js?

Surely that would be easier that maintaining two stylesheets? no?

Thanks
0
COBOLdinosaurCommented:
Just because you have to support IE8 does not mean you have to support it on devices IT DOES NOT SUPPORT.

Do an IE8 stylesheet and leave it at that any effort to enhance the IE8 experience on non-supported devices is going to be as productive as using a tennis racket with no strings.

Cd&
0
RobOwner (Aidellio)Commented:
I'm split on the use of respond.js.  How long are you planning to support them for?  There are quite a few issues with using the script that you would have to be happy with such as IE locking up if the fonts don't load properly, cross domain ajax requests to get your css and the screen flashing as the script runs and applies the styles to the page, to name a few.
Remember the script will run on all devices, not just IE8

https://github.com/scottjehl/Respond#support--caveats

When you no longer support IE8, what will be easier to manage, the removal of respond.js or the IE8 stylesheet?

I'm thinking about your target audience and what this site is all about.  What is the content you're delivering?  If you're looking for that wow factor then I would be pushing for the latest and greatest technologies.

http://www.w3schools.com/browsers/browsers_explorer.asp shows how little IE and IE8 are used now, can your "people above" not be convinced to move to a later version of IE or at least another browser such as Firefox or Chrome?  Market it the "Apple way" that to have our product you need this product.  

I understand the need to have older versions of IE for internal apps that haven't been upgraded yet but for a web site for our product, I would want it cutting edge and that means using the latest versions of the browers.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.