I have a main application, made with Microsoft .NET Framework 4.7 (MVC) that is forced (and must) to run with Compatibility Mode IE11.
Inside that application, there is a specific page with a iFrame that run a .Net Framework 1.1 application that must run in Compatibility Mode IE7.
The problem is that both (main and iframe) are running with compatibility mode IE11 and, because of that, frame application doesn't run properly.
At the moment, I've already tried to force iframe application to run in IE7 by adding to the IIS HTTP Headers the following pair key-value:
Custom header name: 'X-UA-Compatible'
Custom header valuebox: 'IE=EmulateIE7'
However it didn't solve my problem and i am out of ideas now.
Any suggestion?
Thank you in advance!
I think you should you meta tags to specify the compatibility mode (not sure if the http header do the same thing). According to this answer it should be posible:
Main web page in standard mode, iframe in compatibility mode: any issues?
Here is quite thorough documentation of what are the options:
What does <meta http-equiv="X-UA-Compatible" content="IE=edge"> do?
Please check this similar thread, try to use the IE browser Quirks Mode.
In the iframe content page, omit Doctype and add
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
Related
Website link: https://www.ymgrad.com
The website is behaving a bit weird on iPhones. Please note: This behavior is not showing on Androids, but only on iPhones. The issue persists amongst all browsers - tested on Chrome, Safari, Opera Mini on two different iPhone X phones.
What's the issue?
When I open up the website, by default the browsers try to open the mobile version loads. However, to my surprise, this looks like the desktop version instead. What's even more surprising is that if I request the Desktop version of the website, the mobile version shows up instead (which should have shown by default anyway).
I've been dealing with this for a couple of months now, and I am finally posting this here.
Images which show what I'm talking about:
Default Loaded website version is desktop version even though the phone thinks it is mobile version.
When requested desktop version, the browser shows mobile version.
Seems like you need to specify the correct meta viewport values.
Your initial HTML has a correct meta viewport value:
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
But, it seems like something is changing the value of it to:
<meta name="viewport" content="width=1024">
Which causes the width of the web site to be always 1024.
Without having access to your source code, it's hard to identify the specific cause of this. My suggestion is to try finding which code of yours is changing the value of your meta viewport tag to width=1024.
My site works ok in Chrome and Firefox but i found some problems on IE11 from IIS (but it shows ok on IE11 when called from .NET IDE). main Menu page shows like this, as if it were taking a wrong Bootstrap version:
This is how the same site looks when called from IDE:
So this only happens on IE11, other browsers show this ok. This uses bootstrap 4.31, MVC 5. I don't think there is a real need to show it here since it doesn't look it's related to code (imo it has to be something IE11 specific) but i can add code in case it's needed.
Thanks!
Fixed, the problem was because the browser was using IE7 compatibility mode. Fixed by adding this in headers:
<meta http-equiv="x-ua-compatible" content="IE=11">
More info about this:
Here
I'm trying to use OpenLayers in a TWebBrowser in Delphi.
When I open a simple example from their site using OpenLayers v4.3.1, I don't seem to be able to pan the map.
WebBrowser1.Navigate( 'http://openlayers.org/en/latest/examples/simple.html' );
I've set the embedded webbrowser mode by using code found in another post. setEmbeddedWebbrowserMode( iemIE10 );
OpenLayers v3.4 seems to work, however. I'm able to use the following fine:
WebBrowser1.Navigate( 'http://www.acuriousanimal.com/thebookofopenlayers3/chapter01_01_basic_map.html' );
I'd like to be able to use the most recent API if possible. Any idea why the new one isn't working in TWebBrowser?
The problem with the examples is that they contain document mode meta tag for the EdgeHTML mode:
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
and they do not work properly with IE11 web browser control (we faced a few problems with mouse input as well). Advice here is simple, serve a proven copy of OpenLayers library to your clients and before they get full compatibility with IE11, try to use IE10 mode in your web application:
<meta http-equiv="X-UA-Compatible" content="IE=10">
or use another embedded web browser control (e.g. CEF based).
I have an MVC development which works fine when run locally. When deployed to an Azure Web Site, I'm seeing the same results (as expected) in Firefox, Chrome, IE8, and others. When viewed in IE11 (the same browser that I'm using to view the site locally), the layout is all over the place.
It seems that when Azure Web Sites renders the site, the IE11 browser is dropping into "7 (Default)" Document Mode. Pressing F12 and resetting to Edge gets the rendering back to how it should be.
I'm struggling to work out what is going on in Azure Web Sites that is causing this behaviour. I'm thinking it's a compatibility setting somewhere and any pointers would be appreciated.
Thanks, Nick.
As explained by #ahmelsayed above, adding the
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
tag has fixed the problem. Thanks for the support.
We have deployed our webapp, which was developed with JSF, Spring and Hibernate on Tomcat server in our internal network (intranet). When I test in my application in local it's working fine.
But once I deploy to DEV I come across style issues. When I have two dropdowns one after another, the top dropdown overlaps with another one.
This happens when I have Document Mode set to "IE7 standards." When I change Document Mode to "IE8 standards," everything works fine.
To force Document Mode to IE8 standards, I tried this meta tag in my section of the HTML document according to this link, but it didn't work for me:
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
How can I force my page to render according to IE8 standards on the intranet? Does my application render in IE8 standards on the internet?
EDIT :I see something in my develoer tools.Even though I kept my <meta> it after <head> but my primefaces styles and scripts are loading before to that.How can I resolve this?
Odd, this item was posted yesterday, not sure if it applies to your situation:
IE 8 will ignore the x-ua-compatible setting if it comes after the stylesheets. In order for IE to acknowledge the meta setting, put it at the top.
I am glad to tell I am finally able to resolve this issue by using this link in primefaces.And this post also helped to do it through entire application
http://blog.primefaces.org/?p=1433