IE8 vs Firefox

If you have questions about using mojoPortal, you can post them here.

You may want to first review our site administration documentation to see if your question is answered there.

This thread is closed to new posts. You must sign in to post in the forums.
4/23/2013 2:24:51 PM
Gravatar
Total Posts 30

IE8 vs Firefox

I am having considerable problems having my site display in IE8

I am using one fo the default Artiseer templates that came with my Mojo install called "art41-blackngreen"

I just went through an extensive troubleshooting of my calendar

Made many changes to the CSS files to get it to look the way I want

Firefox displays it perfectly as seen here

IE8 does not display any of the CSS changes I made which were background and font color changes to several different items

As seen here

You will also notice if you look carefully that the content pages do not have the wood panel that is in the border in IE and it does in FF

I have tried multiple computers, deleted cache, etc.

I have tried compatibility mode

Reading through the forums I have seen other people with IE8 problems and I noticed the responses were not resolved but they were mostly older posts. 90% of the people using this site will be using IE8 so this is critical for our application.  Outside of this issue I love Mojo and would like to keep it if possible.  Does anyone have any advise?

 

4/23/2013 2:44:11 PM
Gravatar
Total Posts 18439

Re: IE8 vs Firefox

The latest version of Artisteer targets html 5 so it might not be optimal if most of your users are using IE 8.

One option is download the extra-skins.zip from our codeplex download page. The older skins there should work better in IE 8.

Another option if you want to try to make the newer Artisteer skins look better in IE8, you can override things for IE 8 specifically without impacting other web browsers by editing the style.ie8.css file in the skin folder. Any css modifications you put there will not be used by other browsers so you can do whatever works for IE 8 there without messing up other browsers.

Also note that anytime you make css changes in order to make sure the web browser will reload it instead of using its cached copy, go to Administration > Advanced Tools > Design Tools > Cache Tool and click the button to reset the skin guid.

Hope that helps,

Joe

4/23/2013 2:48:07 PM
Gravatar
Total Posts 2253

Re: IE8 vs Firefox

The issue with the wood panel showing through the black is due to an RGBA value being used to set the opacity of the background color (black in this case). IE 8 doesn't support RGBA values in backrground colors. The only way around this is to replace the background color with a PNG which is larger than 1x1 pixel and which matches the opacity of black RGBA.

The other issues I can only guess as to what the problem is because I can't see your site. Make sure you have set the background on .mpcalendarothermonth to black and that should work fine in IE 8. If that's how you made it change in FF, then it will work in IE 8. I know you reset cache and tried other computers but make sure you changed the Skin Version Guid in Administration > Advanced Tools > Design Tools > Cache Tool. If you have only pressed the "Disable Cache" button, that will only disable the cache for your account, not everyone else, or even you when you are not logged in to the site.

HTH,
Joe D.

4/23/2013 3:04:44 PM
Gravatar
Total Posts 30

Re: IE8 vs Firefox

Great feedback guys.

The disable cache was part of the problem

Once I enabled cached and reset the skin guide all problems were resolved except for the RGBA issue

Do I understand properly that I just need to set the background image to a png file with HTML code FFFFFF?

4/23/2013 3:29:31 PM
Gravatar
Total Posts 2253

Re: IE8 vs Firefox

Hi,

You need to create a PNG file which is at least 1x2 pixel and is filled with a translucent black (#000000). Artisteer used 60% (0.6) for Alpha value which means 153 (255×0.6=153). You can download such file here.

Place the file in the images directory of your skin and change

background: rgba(0,0,0,0.6);

on the .art-sheet selector to

background: url('images/rgba-0-0-0-153.png') transparent repeat 0 0;

HTH,
Joe D.

You must sign in to post in the forums. This thread is closed to new posts.