My site works well if i use IE7 standard mode emulation with IE10 but totally freaks out with native IE7, having totally messed css almost everywhere.
Can i force this standard mode on native IE7 or i must recheck all and manually try to fix it?
I already tried adding this tag on meta:
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
and already tried to set doctype as
<!doctype html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">
all without any success
Edit: Found one interesting thing:
IE7 totally mess up your site if the first line in html is a comment! IE7 emulator doesn't so in some case (like mine) we can have totally different results! Now native ie7 and ie7 emulator give the same (messed) output :)
Related
One of the user reported an issue that math formulas are not displaying correctly. I checked that he is using Microsoft Edge browser. What will be the cause for this and any workaround for it.
In Microsoft Edge
In Chrome
We strongly suggest to follow Microsoft’s suggestion to use IE=edge. That is, in the document <head> include
<meta http-equiv="X-UA-Compatible" content="IE=edge">
before any other tags in the . This will force all IE versions to use their latest engine which is the optimal setting for mathjax.
I am currently using routeProvider to load a partial in the usually way. This works in Chrome, however, this does not work in Internet Explorer 11.
The links are in the form href="#/routehere", and it works when I manually paste the URL into the browser, but not when I click on the links.
What is going on here?
if you have missed this one
<html xmlns:ng="http://angularjs.org"> # Angular Docs says
OR you may try adding this to the header
<meta http-equiv="X-UA-Compatible" content="IE=8">
I am developing a webapp using angularjs. The webapp loads perfectly fine when the mobile device language is set to any except Chinese. I debugged a lot and found the issue that the web app is not loading because of the meta view port tag in the index.html. As soon as I remove the width and initial scale from meta viewport tag, the web app loads successfully in the mobile when the language is set to Chinese. navigator.language = "zh-CN" May I know the reason why this is creating problem when navigator.language is set to Chinese ? Is there any other alternate solution to make my webapp working?
Having the below meta tag in the index.html, doesn't render my app properly if language is set to Chinese
But if I remove the width and initial-scale, then the app renders properly if language is Chinese.
<meta name="viewport" content="maximum-scale=1.0, user-scalable=no, minimal-ui"/>.
I also tired a sample app, but the issue is observed there as well. Please see below my index.html where you can easily reproduce the issue in any Android phone. I tried in my S3 and also in a S4 device . Please help me on this issue. You can copy the below index.html and load it in your apache server to see the issue. The moment you remove the width and initial-scale from the DOM element, you can see the app loads perfectly.
Please help on this issue
Instead of setting initial-scale and/or user-scalable, try combining a minimum and maximum scale. For example:
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
You don't need to use minimal-ui. Apple dropped support for this in iOS8.
It's never a good idea to set maximum-scale nor to set user-scalable="no" because it stops people from being able to zoom, which they may need to do.
It would be interesting to see what happens when you remove these and simply use the viewport:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
I cannot see how the language would be causing this to happen, but it clearly is occurring, it sounds like a very interesting edge case.
Have you also tried other Chinese related lang settings such as "zh" or "zh-Hans"?
I also wonder if it's related to the font, and thus related to this question?
For context, I work in an environment where I still need to support IE8 (still the default distribution on computers); I am also using twitter bootstrap 3; Angular is latest version. I am returning data from APIs and using ng-repeat to build the results in the view. Anyone out there developing applications in IE8 land? All my stuff is working stellar in Chrome.
I have 2 problems.
One is that in IE8, loading of the ng-repeat-driven API results takes forever or never finishes. If I open developer tools in IE8 and debug, on the refresh it loads the ng-repeat results fine. This happens every time.
Here's the beginning of my :
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
I have no idea why that is happening. Should I be using a different tag? I am wondering if IE8 Developer Tools loads items in a different IE8 mode than I have in the head. I am not clear on how I check the status of the API response in IE8 to verify that it is not a problem with the API call going out, rather than a problem of angular rendering the response.
The other issue is the ng-bind-html is not returning any values from certain fields of my API response in IE8. Working fine in Chrome. Is this a true alternative to ng-bind-html, and one that will work in IE8?
Since Stack Overflow won't let me answer or upvote the answer I found...This provides the solution to the ng-bind-html. Wasn't clear how you could apply that via a filter until I saw the answer that was not selected.
As for the other issue, I am going to go the route of an API call that does not include a data body (the API I am using can have the data come multiple ways). Case closed (in so much as I can move on...still plenty of unanswered questions.).
I have a frame control in a WPF app which has an HTML page as a source. The HTML page uses HTML5 features, mostly for a video.
However I can't seem to get it to work in the frame control. I already checked this question here on StackOverflow which points to this page.
If I'm understanding correctly, the default behaviour for frame controls is to render in IE7 mode which explains why the video doesn't work. I've tried adding the application to the registry as described in the second page I've linked but somehow I'm either doing it wrong or it doesn't work for me.
I've set the name of my application as a DWORD key and the value to 0x00002328 in the registry for both:
HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION
and
HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\MAIN\FeatureControl\FEATURE_BROWSER_EMULATION
This at least seems to get the rendered browser into IE9 mode - according to a little script I use to detect the browser. Still no video, though. When I run the same HTML page in an IE9 browser the video displays correctly.
Does anybody have any idea on how to solve this or whether it is solvable at all?
Someone helped solving the issue in the MSDB forums: http://social.msdn.microsoft.com/Forums/en-US/wpf/thread/87e41b0d-145d-4438-958e-c8b3a0a969d3
The important thing seems to be adding this meta information to the html:
<meta http-equiv='X-UA-Compatible' content='IE=9' />
That seems to do the trick.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=unicode' />
<meta http-equiv='X-UA-Compatible' content='IE=9' />
<title></title>
</head>
<body>
<div>
<video autoplay='autoplay' preload='metadata'>
<source src='test_video.mp4' type='video/mp4' />
</video>
</div>
</body>
</html>