Skip navigation
SallyPBR
Currently Being Moderated

media queries are not working in IE

Mar 16, 2013 5:22 PM

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

 
Replies
  • Currently Being Moderated
    Mar 16, 2013 5:29 PM   in reply to SallyPBR

    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

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 16, 2013 8:30 PM   in reply to SallyPBR

    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/boardroom/layout-3-01.htm

     

    --

    Al Sparber - PVII

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points