Possible IE7 Issue with i7media skin

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
1/7/2010 11:29:20 AM
Gravatar
Total Posts 75

Possible IE7 Issue with i7media skin

We are using the i7media skin on our support site located at support.tsaadvet.com and I have some users reporting problems when using IE7 that the site loads very slowly (the term they have used is that it "paints slowly") I have not been able to reproduce the problem with IE6, IE8, FF or chrome. I would love if I could instruct our users to dump IE7 due to it being non compliant however that is not an option.

If you require additional information I can attempt to gather it.

Or is this a known problem?

Thanks in advance for any assistance

Al

We are running

2.3.3.0 (not had a chnce to upgrade yet)

MSSQL 2008 standard ed

WIn2k3 r2

1/7/2010 12:12:30 PM
Gravatar
Total Posts 2193

Re: Possible IE7 Issue with i7media skin

Hi,

I will take a look at it. I just need to fire up a machine with IE7.

Thanks,
Joe

1/8/2010 11:49:43 AM
Gravatar
Total Posts 75

Re: Possible IE7 Issue with i7media skin

Thanks Joe I am working with a couple of customers to ensure that IE7 is the source of the problem.

This is one of two commonalities I can find at the moment the other being AV software (McAfee)

IE 7 seemed like the more obvious choice as the source.

Let me know if I can be of any assistance

Thanks

Al

1/15/2010 1:50:54 PM
Gravatar
Total Posts 75

Re: Possible IE7 Issue with i7media skin

I am getting more people indicating problems with IE7 and the i7 media skin

We have still not been able to isolate the source of the Issue but we have ruled out McAfee as the lastest users are not running that particular AV

I will be upgrading the portal to the latest version and will be overwriting the skins today.

I wondered if you had made any headway on this item?

Thanks for your efforts

Al

1/15/2010 1:52:41 PM
Gravatar
Total Posts 2193

Re: Possible IE7 Issue with i7media skin

Hi Al,

Honestly, I have not had a chance to work on it. I will start working on it right now. I can't promise I will find a solution but I will try.

Thanks,
Joe D.

1/15/2010 2:13:22 PM
Gravatar
Total Posts 75

Re: Possible IE7 Issue with i7media skin

Joe

Thanks for taking a look at this.

I have a screencap from a user who is experiencing problems in IE6 that I have posted to my skydrive public folder

http://cid-8ff80c11d0e7efdb.skydrive.live.com/home.aspx

Not sure if this is any help

Al

1/15/2010 3:08:30 PM
Gravatar
Total Posts 2193

Re: Possible IE7 Issue with i7media skin

To fix the IE6 issue, add the CSS below to the IESpecific.css file inside of the skin directory (/Data/Sites/1/skins/i7media-2horizontalmenus/).

.center-nomargins, .center-rightandleftmargins, .center-rightmargin, .center-leftmargin, .rightside, .leftside{
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

img.bg{
  display:none;
}

You will have to open and save your web.config for the change to take effect because the skin is cached on the server.

I am still working on the IE7 issue.

HTH,
Joe D.

1/15/2010 3:12:14 PM
Gravatar
Total Posts 75

Re: Possible IE7 Issue with i7media skin

Thanks so much Joe

I just upgraded to the latest version

I will apply the fix for the IE6 problem and look forward to the IE7

:-)

1/15/2010 3:26:39 PM
Gravatar
Total Posts 75

Re: Possible IE7 Issue with i7media skin

Joe

IE6 fix was sucessful, customer reports that it is functioning correctly now

Thanks again

Al

1/15/2010 3:29:12 PM
Gravatar
Total Posts 2193

Re: Possible IE7 Issue with i7media skin

For the transparency issue in IE6, you can use the DD_belatedPNG script. Many people use the IEPngFix script but it doesn't work correctly when you have a link inside of an element that uses a PNG for a background.

To use DD_BelatedPNG:

1. Download the compressed version of the script and place it in your /ClientScript folder on your site.

2. Place the following in your layout.master underneath the <portal:IEStyleIncludes.../> line

<!--[if IE 6]>
<script src="/ClientScript/DD_belatedPNG_0.0.8a-min.js"></script>
<script>
DD_belatedPNG.fix('img, #wrapheader, #wrapfooter, .leftside, .rightside, .center-leftmargin, .center-rightmargin, .center-rightandleftmargins, .center-nomargins, .Filled, .Empty, .Saved');
</script>
<![endif]-->

HTH,
Joe D.

1/15/2010 3:59:44 PM
Gravatar
Total Posts 75

Re: Possible IE7 Issue with i7media skin

Joe

I applied the script however I am still seeing the problem with IE7 painting (was the script for the IE7 problem?)

I have also uploaded a second capture of what is occurring to

http://cid-8ff80c11d0e7efdb.skydrive.live.com/browse.aspx/Public?uc=1

It appears if the content instances are being cut of

Al

1/15/2010 4:25:35 PM
Gravatar
Total Posts 2193

Re: Possible IE7 Issue with i7media skin

Hi Al,

Sorry, the script was to fix the PNG transparency issue with IE6. I am working on the IE7 issue. I think I may have a fix for it. Strangely enough, I haven't encountered this issue before with this skin and I have used this skin as a base for several sites.

I will keep at it, I should find the issue.

Thanks,
Joe D.

1/15/2010 4:58:46 PM
Gravatar
Total Posts 75

Re: Possible IE7 Issue with i7media skin

Joe

Thanks for the clarification

Its really strange that it only seems to effect the IE7 engine too. Unfortunaly our end users are locked into IE7 due to their organization.

If there is anything that I can assist with let me know

Best Regards

Al

1/15/2010 5:00:34 PM
Gravatar
Total Posts 2193

Re: Possible IE7 Issue with i7media skin

Hi Al,

I think I have it figured out.

1. Open your style.css file, find the CSS below (should be lines 645-649) and then delete it.

 .center-leftmargin, .center-rightmargin, .center-rightandleftmargins, .center-nomargins {
 background-image: url('translucent_white.png');
 background-repeat: repeat;
 overflow: auto;
}

2. Find the CSS below (should be lines 161-164) and delete it.

.center-nomargins, .center-rightandleftmargins, .center-rightmargin, .center-leftmargin {
margin-bottom: -100000px!important;
padding: 0 10px 100000px!important;
}

3. Paste the CSS below in the spot where you deleted the CSS from step 2.

.center-nomargins, .center-rightandleftmargins, .center-rightmargin, .center-leftmargin {
margin-bottom: -10000px!important;
padding: 0 10px 10000px!important;
background: transparent url('translucent_white.png') repeat scroll 0 0;
overflow: auto;
}

4. Open and Save your web.config file.

This should fix the cut off content issue and the slow loading issue.

HTH,
Joe D.

1/15/2010 8:44:29 PM
Gravatar
Total Posts 75

Re: Possible IE7 Issue with i7media skin

Joe

I have implemented this and it looks much better thanks so much for the effort.

Best Regards

Al

2/12/2010 12:14:12 PM
Gravatar
Total Posts 75

Re: Possible IE7 Issue with i7media skin

Joe D.

I continue to receive reports of slow loadin performance of our site of user who are utilizing IE 7.

IE 8 FF and Chrome all work great however we have a lot of state customers who are stuck in the past

You have been most helpful on this in the past and I hate having to come back to this but I love the appearance of the i7media skin and would like to continue using it on our site.

If you have any insight on anything that could be done to improve the page loading we would be most appreciative

Best Regards

Al

2/15/2010 9:45:49 AM
Gravatar
Total Posts 2193

Re: Possible IE7 Issue with i7media skin

Hi Al,

I will take another look at this to see if I can find anything else.

Thanks,
Joe D.

2/17/2010 3:38:29 PM
Gravatar
Total Posts 75

Re: Possible IE7 Issue with i7media skin

Joe D,

Thanks for taking the time to look into this, an internal decision was made to adjust the skin 

If you are able to isolate the problem we would love to move back to using the skin 

Thanks for your efforts

Al

2/25/2010 1:38:49 PM
Gravatar
Total Posts 2193

Re: Possible IE7 Issue with i7media skin

Hi Al,

Here is the only fix I can come up with. It should work but the columns (left, center, right) will not all be the same height.

Find the code below in style.css

.center-nomargins, .center-rightandleftmargins, .center-rightmargin, .center-leftmargin {
margin-bottom: -10000px!important;
padding: 0 10px 10000px!important;
background: transparent url('translucent_white.png') repeat scroll 0 0;
overflow: auto;
}

Replace it with this:

.center-nomargins, .center-rightandleftmargins, .center-rightmargin, .center-leftmargin {
padding: 0 10px;
background: transparent url('translucent_white.png') repeat scroll 0 0;
overflow: auto;
}

Hopefully this will do the trick for you. If it doesn't, remove the transparent background altogether and let me know if that works.

HTH,
Joe D.

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