Why does the theme look different in Internet Explorer?
Themable components look different in Internet Explorer 7 and 8, and browsers such as Google Chrome, Safari, or Firefox. There is a reason for that, which will be explained in this recipe. The main question is, do we need to take care of that? An update to Internet Explorer 9 or higher would be enough, but it is not always possible by reason of supporting web applications running in "old" browsers or due to some company-wide restrictions.
In this recipe, we will see if there are any ways to overcome this issue.
How to do it...
PrimeFaces does not officially support Internet Explorer 6. Internet Explorer 7 and 8 do not implement rounded corners, gradients, and advanced CSS3 effects. They do not follow CSS standards the same way as modern browsers or do not implement the latest CSS specifications. As a result, pages with themes like "Aristo", "Afterdark", or "Afternoon" look different in Internet Explorer 7 and 8—no round corners, no CSS3...