Internet Explorer Error

Question

Internet Explorer Error

danwatco opened this issue 10 years ago · comments

When visiting the blog in explorer, the main container doesn't work and the content is pushed to the edges of the windows and looks bad without any borders or padding.

Thanks

Miguel Ángel Melón Pérez · Answer 1 · Tue Oct 28 2014 03:54:51 GMT+0800 (China Standard Time)

Hi @danwatco!

I don't have a PC with IE in order to check it, but what's your IE version? It seems to be the default behavior by IE rendering the following meta-tag:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

You should check the link to MSDN provided by @dirkfabisch and test replacing it with the appropriate meta-tag for your IE version (i.e., assuming you're in IE 7):

<meta http-equiv="x-ua-compatible" content="IE=7" >

I hope you find it helpful!

Dan Watkinson · Answer 2 · Tue Oct 28 2014 04:06:04 GMT+0800 (China Standard Time)

Hi @miguelfito

I've tried all of the tags that are stated on the MSDN link, and none of them seem to change anything with the rendering of the container! I've also tried removing them all and still nothing!

Dirk Fabisch · Answer 3 · Wed Oct 29 2014 14:30:21 GMT+0800 (China Standard Time)

Unfortunately I have no access to a Windows PC. What Version is the IE you are using?

Boris Yankov · Answer 4 · Tue Dec 09 2014 11:31:28 GMT+0800 (China Standard Time)

I can confirm it doesn't work on latest IE version.

There are tools that help testing on IE without being able to install one:
https://www.modern.ie/en-us/virtualization-tools

Dirk Fabisch · Answer 5 · Tue Jan 06 2015 03:57:17 GMT+0800 (China Standard Time)

Hi,

could some one please test if the issue could be closed?

Audrey Watters · Answer 6 · Wed Jan 07 2015 01:04:54 GMT+0800 (China Standard Time)

I looked at my site (which uses Mediator) using IE yesterday, and the problem still exists.

Kazuki Miyahara · Answer 7 · Wed Jan 07 2015 12:54:51 GMT+0800 (China Standard Time)

I found out that my pull requests (#20 and #21) were not sufficient.
If we change <main class="content" role="main"> </main> to <div class="content" role="main"> </div> on index.html, the main container works correctly on IE11.
But I'm not sure that this change is the best solution of this problem.

Dirk Fabisch · Answer 8 · Thu Jan 08 2015 04:46:01 GMT+0800 (China Standard Time)

Please check the latest commit. I think I found a fix for the behavior in IE. See also: HTML5 MAIN ELEMENT TAG NOT WORKING IN IE11

Kazuki Miyahara · Answer 9 · Fri Jan 16 2015 16:53:29 GMT+0800 (China Standard Time)

Looks good to me on IE11. The container works correctly.

Andrew Mussey · Answer 10 · Wed Jan 21 2015 06:08:56 GMT+0800 (China Standard Time)

Just to confirm, this appears to fix the template as far back as IE9. Thanks a bunch!