Wednesday, March 19, 2014

Responsive Design Issues and it's Solution in Internet Explorer( IE )

If you have worked on making an existing site to responsive then you might have faced some problems related to browser compatibility. Recently I was working on making a site responsive and I faced few challenges and I'm going to describe those below:

  • My responsive design working perfectly in FF and Chrome but in any version of IE it's not working. So, what is the issue?

First go to the header of your HTML page and if you have DOCTTYPE declaration like below
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

then change it to "<!DOCTYPE html>" because this one supports HTML 5 standard and responsive design is a HTML 5 feature.

  • Search for meta tag "X-UA-Compatible"
In my case my project has this meta tag with value "IE=8". So, what does it mean?? It forces the browser to load the content with IE=8 compatible mode and IE=8 doesn't support responsive, so my responsive design was not working.

What is the solution for it?? Ans: Change that meta tag value to "IE=edge". This means it sets the browser to load in latest standard. For more details about it go through this: http://www.chromium.org/developers/how-tos/chrome-frame-getting-started

  • Now, my responsive design is working fine in FF, Chrome and IE9+ but what about IE8 and below version browsers?? Is there any work around for it?
Normally IE8 and below browser doesn't support responsive styles like media and all these things, to make it work in those browsers few JavaScript libraries are available and using that you can get that benefit. Following are the JavaScript libraries we can use to make it work:


10 comments:


  1. Nice blog.That is very interesting; you are a very skilled blogger. I have shared your website in my social networks! A very nice guide.

    low cost web designing
    low cost web design in hyderabad

    ReplyDelete
  2. You know your projects stand out of the herd. There is something special about them. It seems to me all of them are really brilliant!
    Webdesign

    ReplyDelete
  3. good post. I just read your blog and wanted to say that I have really enjoyed reading your blog posts.Keep update with your blogs..
    web designing companies in kukatpally
    web designing companies in madhapur

    ReplyDelete
  4. Thank you for the most valuable information....You must have done good research for the work, I appreciate your efforts.
    low cost web designing
    low cost web design in hyderabad

    ReplyDelete
  5. The blog provided by you is very nice and it is very helpful to know the more information.keep update with your blogs .I found a article related to you..once you can check it out.
    Web Designers in Hyderabad
    web designing companies in Hyderabad

    ReplyDelete
  6. If you're trying hard to lose fat then you need to jump on this totally brand new personalized keto meal plan diet.

    To design this keto diet, certified nutritionists, fitness couches, and professional chefs united to develop keto meal plans that are effective, suitable, money-efficient, and delicious.

    Since their launch in January 2019, hundreds of individuals have already transformed their body and well-being with the benefits a great keto meal plan diet can give.

    Speaking of benefits: in this link, you'll discover 8 scientifically-certified ones offered by the keto meal plan diet.

    ReplyDelete
  7. As reported by Stanford Medical, It is really the one and ONLY reason women in this country live 10 years more and weigh 42 lbs lighter than we do.

    (And actually, it is not related to genetics or some secret exercise and absolutely EVERYTHING to do with "HOW" they eat.)

    P.S, I said "HOW", not "what"...

    Click this link to find out if this short test can help you decipher your true weight loss possibility

    ReplyDelete
  8. Your Affiliate Profit Machine is ready -

    And making money online using it is as simple as 1---2---3!

    Follow the steps below to make money...

    STEP 1. Choose which affiliate products the system will promote
    STEP 2. Add PUSH button traffic (it LITERALLY takes 2 minutes)
    STEP 3. See how the system explode your list and up-sell your affiliate products all for you!

    Are you ready to make money automatically???

    You can test-drive the system for yourself risk free...

    ReplyDelete

Followers