3 Replies Latest reply: Mar 16, 2013 8:30 PM by Al Sparber RSS

    media queries are not working in IE

    SallyPBR Community Member

      I have just finished a basic 'template' page for a site that works across all media queries perfectly in Mozilla,Safari, Chrome but basically dies in IE.

       

      IE will take the basic page for desktop but the moment I introduce the media querie it falls apart and ignores all formatting.

       

      I am working on CS5 which has fairly rudimentary media queries and attaches the different css files to the head and doesn't create a media css file. Through tutorials I know I can create a media css file separately and attach it but I'm not sure if that will help for IE.

       

      Any ideas how to fix this?

       

      Thanks

        • 1. Re: media queries are not working in IE
          Al Sparber Community Member

          IE9 and IE10 support media queries. It is a waste of time to even attempt to support older versions as the concept of responsive design is primarily intended to support modern mobile devices first, then to progressively enhance modern desktop/laptop browsers. To attempt support for IE8 and under would require bloated scripts (Adobe's specialty ). That said, the best answers you will receive would require a peek at your page so do post a link.

           

          --

          Al Sparber - PVII

          http://www.projectseven.com

          The Leader in Dreamweaver Responsive Tools

          Extending Dreamweaver Since 1998

          • 2. Re: media queries are not working in IE
            SallyPBR Community Member

            I'm still working locally so can't paste a link but I'm pretty sure I have IE9 on my computer and it doesn't work.

             

            Does that mean that anyone in older versions of any browser can't view just the desktop version?

             

            Doesn't make sense.

            Sent using BlackBerry® from Orange

            • 3. Re: media queries are not working in IE
              Al Sparber Community Member

              No, that's not what it means at all. If you use Adobe code you will have

              problems. If you learn to write the code yourself, you will not have

              problems.

               

              As for IE9, it will support media queries unless you have dumped it into

              Compatibility View. To prevent that, follow the directions in this forum

              post:

              http://www.pviiforums.com/topic.php?id=9

               

              "Does that mean that anyone in older versions of any browser can't view

              just the desktop version?"

               

              That does not make sense. Old browsers will see the default desktop

              version. Outside of old IE versions, old browsers would be statistically

              irrelevant. For old versions of IE, depending on your default layout,

              you could simply write a conditional comment to serve it a fixed-width

              version.

               

              I'm not trying to sell you anything, but look at this page in modern

              browsers, and then in older browsers:

               

              http://www.projectseven.com/products/templates/pagepacks/dmm/affinity/affinity-themes/boar droom/layout-3-01.htm

               

              --

              Al Sparber - PVII