IE11 Incorrectly Rendering HTML5 Tags
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>
Re: IE11 Incorrectly Rendering HTML5 Tags
the answer was only a google search away :)
Re: IE11 Incorrectly Rendering HTML5 Tags
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! :)
Re: IE11 Incorrectly Rendering HTML5 Tags
Hmm, I'll knock up a basic page to re-test............ I'll post the results.
Re: IE11 Incorrectly Rendering HTML5 Tags
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.
Re: IE11 Incorrectly Rendering HTML5 Tags
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...........)
Re: IE11 Incorrectly Rendering HTML5 Tags
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
Re: IE11 Incorrectly Rendering HTML5 Tags
Lightning,
You got in one...
It was the "Display internet sites in Comparability View" that was causing the rendering issue. Well done. Thank you! :)
Re: IE11 Incorrectly Rendering HTML5 Tags
Ughh, The TreeView (can't expand [x]) is inoperable now......
Re: IE11 Incorrectly Rendering HTML5 Tags
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.
Re: IE11 Incorrectly Rendering HTML5 Tags
Quote:
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.
Re: IE11 Incorrectly Rendering HTML5 Tags
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.
Re: IE11 Incorrectly Rendering HTML5 Tags
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...:)
Re: IE11 Incorrectly Rendering HTML5 Tags
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 :rolleyes:
Cheers,
Bruce.
