IE11 Wonky Bootstrap Rendering

Written by James McDonald

April 27, 2016

Problem: Internet Explorer 11 on Windows 7 Professional renders a bootstrap website with form controls in the wrong place and the layout is corrupt

Cause: Internet Explorer 11 has been configured to display legacy banking website with ancient IE8 settings

Resolution: Install a meta tag in the <head></head> section of the web page.

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

For cake PHP you can generate one with the HtmlHelper thusly:

<?=
        $this->Html->meta([
            'http-equiv' => 'X-UA-Compatible',
            'content' => "IE=edge"
        ]);

0 Comments

Submit a Comment

Your email address will not be published.

You May Also Like…

ZPL SBPL

Zebra Printer Language http://labelary.com/viewer.html The above website has a page where you can enter ZPL and it...

PHP Iterators

Just came across a Youtube talk "Iterators in PHP" by Jake Smith published in 2014 that steps through the many...

PHP array_map Multiple Arrays

array_map can take multiple arrays. I like how it starts mapping through them starting at the first element of each...