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

[DanHite]

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.

 

Thanks,

Dan

[Ingolme]

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.