responsive website issue in IE7 and IE8

Question

I am trying to make a standard site responsive. So far it works in IE9, Firefox and Chrome, but it fails in IE7 and IE8 even with inline hacks:

http://surfingthebluemarble.com/rtest2.html

What is happening is that in IE7 and IE8 the divs fail to stack when they go to 99% width.

Thanks as always for your help.

umbre

Answer 1

You're using CSS media queries, which don't work in older versions of IE.

You need respond.js.

Answer 2

IE Less than 9 doesn't support media queries out of the box.

use an extension like css3-mediaqueries-js or Respond. https://code.google.com/p/css3-mediaqueries-js/