How to overcome responsive web design IE 8 browser issue using css?

arronmattwills · Jun 29, 2014

Hi friends, recently we have worked on a responsive website.
We know that responsive website consists of html 5 and css 3 tags and properties.
We have used html 5 properties like article, section, header and footer.
But these tags Internet explorer doesn't support.
For that we have changed html 5 tags to divs.
After replacing the div s in place of html 5 tags also it is not working.
It is due to media queries issue.

So we have created a separate c s s file for Internet explorer 8 and it's below versions. In the following format.

So here lte means less than or equal to.

Some where i have read there will be a hacking problem with this code. But as far as information based websites it will not effect, we can use it.

Please write your responses, if you have faced like this problem earlier.

deadmix · Jun 30, 2014

Thank you so much for this small article but that fix the IE issue.. i don't understand why it's always the Internet Explorer which make issues on websites.. all other browsers are compatible and updated in order to handle the html5 and css3 new proprieties and attributes, but Microsoft is always so old...

Matt · Jun 30, 2014

I'm rare using this code

Code:

<!--[if lte IE8 ]>
<link type="text/css" href="ie8.css" rel="stylesheet" />
<![endif]-->

I often use a css file and my web template are compatible with all browsers, all IE versions

, I suggest you should check when you are designing your web layouts on all browsers. It will avoid errors on different browsers

How to overcome responsive web design IE 8 browser issue using css?

arronmattwills

Well-known member

deadmix

Member

Matt

Global Mod

arronmattwills

Well-known member

Latest posts New threads

Latest posts

New threads

Latest Hosting Offers New Reviews

Latest hosting offers

Popular Contributors - Past 30 Days

Sponsors

Tag Cloud