Jump to content

W3.CSS Navigation Tabs page not working in IE with compatibility mode

Recommended Posts

I wanted to point out a problem with the CSS tab example at https://www.w3schools.com/w3css/w3css_tabulators.asp. I used this approach on my website and have now had reports of IE users not being able to use the page. It took some work to track it down to users that had IE's Compatibility View setting turned on for my site. With that turned on the code fails to rendered the tab content and generates javascript errors. If there's a way to update this example to work correctly in IE under Compatibility View I'd be grateful.




Share this post

Link to post
Share on other sites

You should set up your site to use IE's modern rendering engine. Add this meta tag to your page:

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

All websites today are using that to make sure IE supports modern technologies.

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now