How to force to open a Page in Document Mode as IE8

StackOverflow https://stackoverflow.com/questions/13389658

Question

We have deployed our webapp, which was developed with JSF, Spring and Hibernate on Tomcat server in our internal network (intranet). When I test in my application in local it's working fine.

But once I deploy to DEV I come across style issues. When I have two dropdowns one after another, the top dropdown overlaps with another one.

This happens when I have Document Mode set to "IE7 standards." When I change Document Mode to "IE8 standards," everything works fine.

To force Document Mode to IE8 standards, I tried this meta tag in my section of the HTML document according to this link, but it didn't work for me:

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

How can I force my page to render according to IE8 standards on the intranet? Does my application render in IE8 standards on the internet?

EDIT :I see something in my develoer tools.Even though I kept my <meta> it after <head> but my primefaces styles and scripts are loading before to that.How can I resolve this?

Was it helpful?

Solution 2

I am glad to tell I am finally able to resolve this issue by using this link in primefaces.And this post also helped to do it through entire application

http://blog.primefaces.org/?p=1433

OTHER TIPS

Odd, this item was posted yesterday, not sure if it applies to your situation:

IE 8 will ignore the x-ua-compatible setting if it comes after the stylesheets. In order for IE to acknowledge the meta setting, put it at the top.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top