CDHtmlDialog not working with CSS Media Queries
-
Hello there, I have a CDHtmlDialog app in which am trying to add a CSS media query in the HTML file as shown below, but it doesn't work. @media(max-width:20em) { table, thead, tbody, tfoot, th, td, tr { display:block; } tr + tr { margin-top:1em; } } The same CSS works fine if i open in a browser like IE, FireFox, Chrome. But inside the CDHtmlDialog app this doesn't work. I am using Visual Studio 2012 for development and have IE 11 installed in my machine. Any ideas? THanks in advance.
-
Hello there, I have a CDHtmlDialog app in which am trying to add a CSS media query in the HTML file as shown below, but it doesn't work. @media(max-width:20em) { table, thead, tbody, tfoot, th, td, tr { display:block; } tr + tr { margin-top:1em; } } The same CSS works fine if i open in a browser like IE, FireFox, Chrome. But inside the CDHtmlDialog app this doesn't work. I am using Visual Studio 2012 for development and have IE 11 installed in my machine. Any ideas? THanks in advance.
I know I already addressed this in my answer to one of your previous questions[^], but let me repeat just to make sure since you did not say if that fixed your problem. The version of IE used in CDHtmlDialog depends on your OS and what version of IE you have installed, but that does not mean it defaults to using IE11 compatibility even if you have IE11 installed. Make sure your HTML file has at the beginning and you might have to have
<meta http-equiv="X-UA-Compatible" content="IE=edge">
in your document as well. You might have to take to the registry to get the browser control to behave correctly. Check out this on SO[^], this on MSDN[^] and check your settings by connecting to this[^] Soren Madsen"When you don't know what you're doing it's best to do it quickly" - Jase #DuckDynasty
-
I know I already addressed this in my answer to one of your previous questions[^], but let me repeat just to make sure since you did not say if that fixed your problem. The version of IE used in CDHtmlDialog depends on your OS and what version of IE you have installed, but that does not mean it defaults to using IE11 compatibility even if you have IE11 installed. Make sure your HTML file has at the beginning and you might have to have
<meta http-equiv="X-UA-Compatible" content="IE=edge">
in your document as well. You might have to take to the registry to get the browser control to behave correctly. Check out this on SO[^], this on MSDN[^] and check your settings by connecting to this[^] Soren Madsen"When you don't know what you're doing it's best to do it quickly" - Jase #DuckDynasty