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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...