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/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 2253

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 2253

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 2253

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 2253

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.