I have recently developed a couple of websites for a local vets and car valeter which look fine in internet explorer 9 and firefox but when viewed in internet explorer 6 or 7 it just goes wrong
In the car valeting all the boxes move down so they do not run as i have placed them (this only happens in IE6 not 7
in the vets website there is a lot of whitespace at the bottom of quite a few pages before you reach the footer. I know IE6 and IE7 are outdated but I would still like to fix the errors if possible.
Thank you for your help.
Dont forget the doctype on the top of your html file, otherwise the browser will
work in quirks mode instead of compatibility mode. Might solve your issue. Also no one uses IE 6 anymore, do not bother
check your site with the w3c validator and fix qny errors nd warnings, besides that there isnt much you can do
A helpful approach would be to use frameworks for JavaScript (jQuery) and CSS (BluePrint) for cross browser compatibility. It will take time to migrate to new coding, but will be worth it.
On a side note, if you do not mind redirecting the users of IE 6/7 to a page suggesting they upgrade their browsers, then you may try something like this in your JS:
var browserVer=parseInt(navigator.appVersion);
var browserName=navigator.appName;
if((browserName=="Microsoft Internet Explorer" && browserVer<=6) || (browserName=="Netscape" && browserVer<=3))
window.location="Incompatible.html";
Where 'Incompatible' is the page where you want to redirect. Also if you use above as a function, make sure you call it:
<body onLoad=yourFunction()>
Related
I have an angular app that works fine on all browsers except IE. Specifically the NGTAGS directive. I am unable to use ENTER or the COMMA to create an tag. There is no bugs in the console and I am not sure how to fix this.
This might not be the answer you want, but if it isn't really necessary just ignore IE, Its been 2 years since I last developed - consciously supporting IE.
Most of my developer-friends do the same.
The cost(in time) / benefits for being IE compatible isn't worth it.
I took the hot towel template from John Papa's blog and running it with VS 2013.
So, I am working on the apps, but wierdly, I don't see the updates of my project, when I run it with firefox (lastest version), but it works well with Internet explorer (also lastest version). And I don't understand why.
Even a little update in an html file, is not visible in Firefox, but it is in IE.
Does somebody have any explanations to this?
I am not sure if this is the right stack overflow section for this question, if it is not, I will delete it, and rewrite it into the right one.
Thank you.
Have you tried to reload the page ?
If it works free the cache after each update.
I hope my answer fit you.
Try using Firebug, make sure your html file is getting loaded, also disable browser caching. Don't forget to reload the entire page after any updates.
If / when you have success pls post your solution.
I'm using textAngular as a WYSIWYG text editor in an angular app. It is a fantastic library that is essentially plug and play. It works perfectly in Chrome and Firefox.
The problem is when I attempt to paste some text into the textAngular window in IE it simply doesn't work. It doesn't raise any console events, throw any exceptions or anything. On the network, it calls 4 URLs, which are then all aborted. They are:
http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css
http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css
http://fonts.googleapis.com/css?family=Roboto:400,300
http://www.textangular.com/css/style.css
This network activity does not happen in Chrome and Firefox. So, I think that is where the problem is. But for the life of me I can't figure out what is going on. It doesn't look like this problem has been reported to the textAngular team or has been asked on stack overflow.
Does anyone have an I idea of how I can remedy the situation?
Edit:
Here is a plunk replicating the situation. It is the demo from the github repo, almost verbatim (the link to the textAngular links were dead, and I got ride of the initial text). I'm pretty sure that it is just a problem within the 1.2.2 library and I'm going to report a bug. The version on the main page is 1.2.0. Thanks for you help!
I tested your solution on IE 8,9,10 & 11 without any issues. I did however notice it the page was not formatting correctly no IE. It could be an issue with escape characters.
If you could provide some more details about your system, for example: IE version, the code you tried to paste etc. I think I may be able to sort this one out.
I'm working on an Angular project that will be included in a HTML page I don't have control on.
Actually I only have access to what is inside the <body> element.
There are many constraints which are not the easiest to deal with:
1- I can't change the doctype:
2- I can't remove this meta tag:
3- The app has to load an XML file
I managed to overcome points 1 and 3 but point 2 gives me a headache !
Here is the error I get when I test on IE8+ (it works fine on IE7 and other browsers):
[$sce:iequirks] http://errors.angularjs.org/1.2.12/$sce/iequirks
IE8 in quirks mode is unsupported
error in component $sce
Strict Contextual Escaping does not support Internet Explorer version < 9 in quirks mode. You can fix this by adding the text to the top of your HTML document. See http://docs.angularjs.org/api/ng.$sce for more information.
I found many solutions on forums but no one has worked so far...
Especially hoped that disabling $sceProvider (code below) would make the app work on IE8+ but it didn't:
angular.module('ie7support', []).config(function($sceProvider) {
// Completely disable SCE to support IE7.
$sceProvider.enabled(false);`
});
I even tried to add <!doctype html> to the top of my HTML document, which I am not allowed to but which I did just for the test, and it doesn't solve the problem.
Any help or suggestions greatly appreciated cause I'm really stuck right now...
Thanks
Got it !!
I simply needed to give the name of my app instead of silly "ie7support" in the code below:
angular.module('ie7support', []).config(function($sceProvider) {
// Completely disable SCE to support IE7.
$sceProvider.enabled(false);
});
Found thanks to a deeper look at this article:
http://docs.angularjs.org/api/ng.$sce
Hope it can help some of you !
IE in quirks mode is not supported by AngularJS
Thanks for your answer Adam but according to these messages, disabling $sce completely helps AngularJS to support IE in quirks mode...
https://github.com/angular/angular.js/issues/3633
[$sce:iequirks] Strict Contextual Escaping does not support Internet Explorer version < 9 in quirks mode
Does anyone know of an alternative to the Internet Developer Toolbar for IE7 that I can use for dom browsing and css debugging? I've used Firebug in the past and the IDT seemed anemic in comparison. It also seemed to crash my browser a lot.
OR: Has the IDT for IE7 improved to the point that it's almost as good as Firebug?
Update: shortly after writing this I started using the Developer Toolbar. Well, that's a strong term. I tried to use it. It's not working at all. Specifically I needed Select Element By Click and it won't do a damn thing. All the menu options are grayed out even after restarting IE7. Good thing I asked this question, looks like the IDT is just as buggy as I remember.
Debug Bar is pretty nice, and is free for personal use. You have to pay for it if using commercially though.
Update: I should add that it did crash once or twice when there was some fairly advanced javascript. Didn't kill the entire browser but the toolbar was rendered useless until I restarted IE.
Check out Firebug Lite : http://getfirebug.com/lite.html
IE7 hasn't. But IE8 has. The developer tools included in Beta 2 and RC1 are very, very good. Well above the level of Firebug.
Check and see if you have the latest version of the toolbar. I used to use a version prior to the one I now use, and the older version did crash IE7 quite a bit.
As far as features go, it would help to know what you feel you're missing. Having a lot of features isn't the same as having a lot of features you use.