So, I’m using the 1140px css grid. It’s a responsive css grid design and I’m very impressed with it. However (when will it end??), IE (7, 8) screws up. The author uses css 3 media queries to set styles below 768px. He also uses this to enable media queries in unsupported browsers. But the styles are never applied in IE (ie 9 works fine though).
I’ve settled for a rather ugly hack to solve the issue (read – ie specific js file to create style elements when screen size is below 768px). Is there another way round?
respond.js(https://github.com/scottjehl/Respond) gets media queries working in unsupported browsers. If you use modernizr this did includes response. Apparently no longer:http://modernizr.com/news/modernizr-25/