IE11 Incorrectly Rendering HTML5 Tags

**Bruce Fox** · Feb 22nd, 2015, 07:38 PM

Hi Guys,

I have created a Default.aspx page using HTML5 tags such as header, nav, section, footer.

1. The content renders fine on my dev machine (running IE11).

2. However, it doesn't render on my network (live client) PC running IE11. But, it is fine rendering in Chrome!!!!

Thoughts???

Here is an example:

Code:

<body>
    <form id="frmDefault" runat="server">
    <header>
        <h1>Resource Portal</h1>
    </header>
    <nav>
        <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager" runat="server" />
        <asp:UpdatePanel ID="UpdatePanelNav" runat="server">
        <ContentTemplate>
            <ajaxToolkit:RoundedCornersExtender TargetControlID="btn1" runat="server" Corners="TopLeft" Radius="20" />
            <ajaxToolkit:RoundedCornersExtender TargetControlID="2" runat="server" Corners="BottomRight" Radius="20" />
            <asp:Button CssClass="button" id="btn1" Text="xxxx" runat="server" />
            <asp:Button CssClass="button" id="btnX" Text="Ixxxx" runat="server" />
            <asp:Button CssClass="button" id="btnY" Text="xxx" runat="server" />
            <asp:Button CssClass="button" id="btn2" Text="xxxx" runat="server" />
            <%--Add New Buttons here (adjust RoundedCorners as required)--%>
        </ContentTemplate>
        </asp:UpdatePanel>
    </nav>
    <section>
	Bla, Bla, Bla
    </section>
    <footer>
         [Version 1.01]
    </footer>
    </form>
    </body>

**NeedSomeAnswers** · Feb 23rd, 2015, 04:23 AM

the answer was only a google search away

**Bruce Fox** · Feb 23rd, 2015, 05:43 PM

Hi NeedSomeAnswers,

Thanks for the response, but I tried that and the other 'trick' of declaring the elements to no avail.

In any case, I feel like bashing my head into a brick wall as the latest M$ browsers (10 and 11) are supposed to be HTML5 compatible!

**Bruce Fox** · Feb 23rd, 2015, 05:45 PM

Hmm, I'll knock up a basic page to re-test............ I'll post the results.

**NeedSomeAnswers** · Feb 24th, 2015, 03:52 AM

Hmmm the only other thing i found was this

Which is talking about previous versions of IE but you never know may work also on IE11.

**Bruce Fox** · Feb 24th, 2015, 08:52 PM

Hi NeedSomeAnswers,

Thanks for your efforts.

That post you refereed to was the 'trick' I had tried initially to no avail.

I have a cut back test.aspx page that has header, nav, section etc that I'm messing with at the moment. (My IE11 works, and Chrome works on the client PC, not their IE11...........)

**Lightning** · Mar 2nd, 2015, 02:05 PM

Isn't there IE set in a compatibilitymode? Sometimes intranet sites are rendererd in compatibility-mode. You can check in the iis logfiles which version of IE is used

**Bruce Fox** · Mar 29th, 2015, 07:23 PM

Lightning,

You got in one...

It was the "Display internet sites in Comparability View" that was causing the rendering issue. Well done. Thank you!

**Bruce Fox** · Mar 29th, 2015, 07:32 PM

Ughh, The TreeView (can't expand [x]) is inoperable now......

**sapator** · Mar 30th, 2015, 04:20 AM

Yeah with compatibility you win some and you loose some.
I read that MS is going to create an entirely new IE .
That is bad news and bad news.
The bad news is that, probably, nothing will (again) work.
The bad news is that they will, probably, try to impose the "tiles" BS.
If this is an "internal" site i would suggest that you notify the users to not use Ie11 or any IE for that matters. If it is a public one then, good luck, you gonna need it.

**JuggaloBrotha** · Mar 30th, 2015, 08:28 AM

Originally Posted by sapator

Yeah with compatibility you win some and you loose some.
I read that MS is going to create an entirely new IE .
That is bad news and bad news.
The bad news is that, probably, nothing will (again) work.
The bad news is that they will, probably, try to impose the "tiles" BS.
If this is an "internal" site i would suggest that you notify the users to not use Ie11 or any IE for that matters. If it is a public one then, good luck, you gonna need it.

If it's a public site he could always detect that the user is using IE and display a message indicating that the site doesn't work properly in it and they should consider using Firefox or Chrome.

**sapator** · Mar 31st, 2015, 08:58 AM

Yeah but the issue here is that we are going to start site maintenance doing browser specific stuff. I think we have talk about that in a specific thread.
Of course doing one browser detect seems harmless but I am not sure what will be the behavior in the next version and the next version etc.
There is also the issue of angry users that will see the message and start a riot in favor of Microsoft. :/
I think the issues here has ore to do with the AjaxToolkit and the fact that server controls are used. This will bring trouble when switching to compatibility mode.
I would suggest pure client side controls, to start with.

**motil** · Apr 10th, 2015, 04:40 PM

i had problems with IE11 at my workplace as well, when all the regular tricks didn't did the job i finally update my server version to 4.5 framework and strangely enough everything working fine now with IE11.
hopefully, Microsoft next browser "Sparta" will be much better, but some how i find it hard to believe...

**Bruce Fox** · Apr 15th, 2015, 07:20 PM

Thanks for the replys guys.

It is frustrating. It works on dev machine but not on the client ones (unless I change compatibility, then that causes another issue). We need to stay with IE at this stage too.......

At the moment I'm probably going to remove the HTML5 stuff and use DIVs etc to get the UI to render

Cheers,
Bruce.

Thread: IE11 Incorrectly Rendering HTML5 Tags

Thread Tools

Display

IE11 Incorrectly Rendering HTML5 Tags

Re: IE11 Incorrectly Rendering HTML5 Tags

Re: IE11 Incorrectly Rendering HTML5 Tags

Re: IE11 Incorrectly Rendering HTML5 Tags

Re: IE11 Incorrectly Rendering HTML5 Tags

Re: IE11 Incorrectly Rendering HTML5 Tags

Re: IE11 Incorrectly Rendering HTML5 Tags

Re: IE11 Incorrectly Rendering HTML5 Tags

Re: IE11 Incorrectly Rendering HTML5 Tags

Re: IE11 Incorrectly Rendering HTML5 Tags

Re: IE11 Incorrectly Rendering HTML5 Tags

Re: IE11 Incorrectly Rendering HTML5 Tags

Re: IE11 Incorrectly Rendering HTML5 Tags

Re: IE11 Incorrectly Rendering HTML5 Tags

Posting Permissions