Theme Aristo doesn't work well in IE

[yuditriwibowo]

I'm still beginner as Primefaces user,

I tried to use Aristo theme. It works well in Firefox but doesn't look good in IE.
Is there something wrong with my configuration? Because when I open the showcase in IE Everything looks good.

Here how I include the theme in my template :

Code: Select all

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/default.css" />
            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/themes/aristo/skin.css" />

Result in IE :



Result in Firefox :



Is there something wrong with my configuration?

Thanks

[cagatay.civici]

Your config is fine, unlike most other built-in themes of PrimeFaces Aristo is a theme that uses CSS3 features like gradients and shadows extensively which IE does not support. If your app has a strict requirement to look same across all browsers, you might try a different theme or roll your own with themeroller.

[yuditriwibowo]

I'm still curious, how about the showcase? I open the showcase in IE, everything looks good. Can you show me how to do that?

[Allesmallachen]

Hi,
I know this is a rather old post but I just tested the showcase and my own application in various IE and Firefox versions and I came to the same results.
The showcase looks the same (and more importantly "looks good") in almost all browsers.
Even IE 6 (which is officially not supported, and does not support css3 which is included in the aristo theme, I know) renders most (but not all) components nicely.

My application which should default to the aristo theme looks in IE 7 and IE 8 quite different from the Firefox version.
I know that this is because IE does some things differently but why is the showcase looking so good?
Is there any additional css included that is not part of the default aristo theme?

What is the svn URL to the Showcase app that is currently running on the website?
Maybe I can browse through the sources to find the hidden magic?

Cheers,

Christian

[andyba]

Yes it is an old post and as such should have been left alone.

In future please start a new Thread and reference old ones if needed.

The answer is: there is no magic happening behind the scenes on the Showcase as far as Themes are concerned.
You need to check out Themes and Skinning Primefaces and be aware that there will always be differences between Themes especially where older browsers are concerned. IE 8 is -not- a modern browser anymore either.

[Hamsterbau]

There is no IE version given

But a problem can be a wrong doctype, which can force IE8 and newer to render in Quirks mode. In newer IE versions press F12 (developer tools) to see which browser version and compatibility mode version is used by your IE (why is this browser still out there ).

[andyba]

There is no IE version given

But a problem can be a wrong doctype, which can force IE8 and newer to render in Quirks mode. In newer IE versions press F12 (developer tools) to see which browser version and compatibility mode version is used by your IE (why is this browser still out there ).

Why don't I think of the DOCTYPE problem? Is it because this is just too easy?
Because a lot of companies (especially) haven't upgraded their IT infrastructure to Windows 7/8 yet.

[JeffBrower]

See my recent post - it might be what you are looking for:

viewtopic.php?f=3&t=28484&p=90240#p90240

[smithh032772]

See my recent post - it might be what you are looking for:

viewtopic.php?f=3&t=28484&p=90240#p90240

Jeff, thanks for this response. When I saw this forum topic (as I was just browsing the topics in the forum), I 'immediately' thought of your workaround/solution offered at the URL that you referenced above, and I was going to reply to this topic with the same URL. You beat me to it!