November 12, 201312 yr I'm building a site that doesn't require support for ie8 from it as the traffic is fairly insignificant but I thought it would be nice to at least have the content be visible. I also wanted a way to test my svg fallbacks as I don't have an android or anything else that doesn't support svg format. So I've been using a pc that has ie10 installed and I've used the ie dev tools to mimic ie8 by selecting browser mode ie8 normes ie8. However... The page won't even finish loading. Here is the page in question :http://plug-inn.kirstencassidy.com/ Does anyone have an idea of why this is?
November 12, 201312 yr Looks like you've got a mix up on your conditional comments for the <html> you've got an extra one
November 12, 201312 yr <!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <!--[if gt IE 8]><!--><html class="no-js" lang="en"><!--<![endif]--> <html lang="en-US"> 1st line if ie8, 2nd line if greater than ie8 or not ie so 3rd not needed Thats if I'm reading it correct
November 13, 201312 yr Author Thanks mteam for having a look. I took them all out since I have Modernizr anyway. The only ie conditional left should be : <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--> It hasn't helped though. The page still won't load. I'm wondering if it doesn't have something to do with the svg. EDIT: No doesn't appear to be the svg after all. Edited November 13, 201312 yr by mantis
November 14, 201312 yr Author Yes it loads very quickly. Whats a ksty btw? I'm guessing its an html version of the page but I looked it up and couldn't find much. Edited November 14, 201312 yr by mantis
November 14, 201312 yr ksty just short for your name I do think its the svg can you try adding this to the 2nd line of your code <meta http-equiv="X-UA-Compatible" content="IE=EDGE" >
November 14, 201312 yr Author Ha ha I actually googled it and found something about applescript. I agree its the svg. When I took it out it kept spinning but at least the images loaded. Its a bit better since I added it just under the <head> tag right above the charset. Its still spinning away...
November 15, 201312 yr Author That was actually where I got the previous fallback idea. I re-read it and found a better solution. I'm using the svg as an object rather than an include and also an img with a class of svg alt that displays on .no-svg. Everything seems to be working much better now (except for the menu in ie8 which refuses to toggle ) Cheers for all your help @mteam EDIT: Spoke too soon. So if anyone else is thinking of doing this, it doesn't work in IOs. The <image> tag solution works better. Edited November 15, 201312 yr by mantis
Create an account or sign in to comment