Website will not display in Internet Explorer 7 and 8
Question
My first responsive Website validates, works with all browsers and displays fine when run locally on a machine with IE7, but won't work on IE 7 or 8 when run live.
The top 2 rows of the site are there but nothing else appears, I've tried using respond/s.js but I'm assuming it to be a problem with my links.
A reworked version of the site can be seen [here] and if anyone can help it will be GREATLY appreciated.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Urban Dreamscapes — Web Design and Development for Fun</title> <meta name="description" content= /> <meta name="keywords" content="" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen, all" /> <!--[if lt IE 9]> <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen, all" /> <script src="scripts/css3-mediaqueries.min.js"></script> <script src="scripts/html5shiv.min.js"></script> <![endif]--> </head>
1 answers
solution1
0 ACCPTED 2015-01-08 21:57:09
Your page breaks when it loads the html5shiv js library in IE7/8 and in my case, becomes unresponsive.
Try to add all the elements you want to "shiv" before html5shiv.js is included.
window.html5 = {
'elements': abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video'
};
From your rendered markup, I see hgroup, header and footer. It's better to include everything though just to be sure
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.