Internet Explorer does not display website correctly
If you Google “my site does not display correctly in Internet Explorer” you will get page after page of other people with the same problem, and multiple responses from Microsoft and the community. Display has improved in IE 11, so at the very least ensure your browser is at the latest version.
Internet Explorer uses a proprietary set of rules for rendering websites that often do not include the most up-to-date standards. These can include CSS3 effects, transforms (such as the mobile sidebar), rounded corners, background fills and some HTML5 elements.
Here are a few popular troubleshooting techniques:
1. Try compatibility mode
2. Reset your browser settings to release things like high security, cache and popup blocking, which can disable some normal web elements and behavior.
3. Use Custom CSS to provide IE fallbacks for the elements not displaying well
4. Add an IE meta header to your child theme or SEO plugin’s header options – this is only recommended if analytics is showing you have a significantly higher number of IE visitors than webkit users.
<meta http-equiv="X-UA-Compatible" content="IE=9">
IE=9 can be changed to a different version depending on your site requirements, and denotes the minimum required version. Example:
IE=edge will ask the browser to render the site to the latest browser version possible.
This meta tag will only accept a known version of IE that is equal to or less than your current browser version, For example, if you are using IE8 , you can’t set this to IE=10 and expect it to work for you. Using the edge setting is helpful in that it ensures the site renders at whatever IE version the user has.
Note that this will not fix the limitations in IE with regards to CSS3 and HTML5, only enable compatibility modes for these users, and you will still have issues with the WordPress admin interface where IE is not compatible (such as with some drag n drop, and checkboxes).
The best fix is to use Chrome or Firefox.
Did you know?
Our friends at Jetpack are doing some incredible work to improve the WordPress experience. Check out Jetpack and improve your site's security, speed and reliability.