Issue 80 - How to Create a Responsive HTML5 Skin for DotNetNuke - DNN Creative Magazine for DotNetNuke - DotNetNuke Forum, DNN Creative Magazine, Video Tutorials, Skins, Module Reviews - Users Lounge

Issue 80 - How to Create a Responsive HTML5 Skin for DotNetNuke

Last Post 11/30/2012 4:35 AM by Charles Stanley-Smith. 6 Replies.

Author

Messages

Charles Stanley-Smith
Nuker

Nuker
Posts:18

11/26/2012 6:35 AM
I have a site based on this which works fine on Chrome, Firefox & Opera but IE9 is going into Quirks mode and its not picking up the css @media only screen and (min-width: 481px) Any ideas please Charles

Joseph Craig
DNN MVP
Posts:11667

11/26/2012 12:31 PM
Have you specified a doc type?

Joe Craig, Patapsco Research Group Complete DNN Support

Charles Stanley-Smith
Nuker

Nuker
Posts:18

11/27/2012 4:55 AM
Yes - the default.doctype.xml is the same as the example: ]]> ]]>

Charles Stanley-Smith
Nuker

Nuker
Posts:18

Charles Stanley-Smith
Nuker

Nuker
Posts:18

11/27/2012 4:57 AM
meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"

Joseph Craig
DNN MVP
Posts:11667

11/27/2012 6:56 AM
Is it possible that IE9 is "stuck" in quirks mode? Hit F12 and select the correct mode in the toolbar. Does that help? Can you make it stick?

Joe Craig, Patapsco Research Group Complete DNN Support

Charles Stanley-Smith
Nuker

Nuker
Posts:18

11/30/2012 4:35 AM
Sure - if you manually kick it out of Quirks mode it is fine - but what happens if a user has their browser in Quirks mode is there any other way than a message (that many would not understand) - "If you are in Quirkes mode, then Press F12 and select ...........etc"