[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 271
  • Last Modified:

IE7 Z-index issue

Unfortunately, the company I'm working with has a bunch of folks still on IE7 and although I would like to just ignore having to fix this issue, I can't.

The following page has 2 sliders - one for Case Studies, the other for Testimonials. The IE7 users can see the Case Studies content but cannot see the content for Testimonials. I'm trying to download a copy of IE7 on an old computer, but in the meantime, can anyone help? I've changed relative, absolute and the z-index values so many times, I'm going blind.

thanks

http://63.131.128.215/products-services.html
0
hillsboroughgraphics
Asked:
hillsboroughgraphics
  • 4
  • 2
1 Solution
 
kevp75Commented:
this is not an answer....   but, you can test IE5.5 and up with IETester  http://www.my-debugbar.com/wiki/IETester/HomePage
0
 
hillsboroughgraphicsAuthor Commented:
I was able to install IE7 on an old computer to test. Thanks for posting this but boy, I really need a fix today. These guys waited until the last minute and now want the site live. I hate having to redesign an entire page just for an old browser problem.

ANYBODY?  Thanks.
0
 
David S.Commented:
The first thing to do is fix the HTML errors (http://validator.w3.org/). Multiple elements on a page may not have the same ID. I suggest you replace some of those IDs with classes. Multiple elements may belong to the same class and an element may belong to multiple classes. The HTML class attribute's value may be a space separated list of classes.

Also you need to decide whether you want to use HTML or XHTML -- the code is inconsistent.

Those "frame" images should have blank alt-text. Do you think someone who can't see the frame cares it's there or needs to know that its there? Is there a particular reason why its not used as a background image?>

P.S. You may want to switch to the "minified" version of jQuery before the site goes live to improve loading times and save bandwidth.
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
hillsboroughgraphicsAuthor Commented:
Thank you... this is what happens when you are first starting out, not totally sure you know what you are doing all the time,  and you pull pieces and parts from all over.  Not sure why the "frame" images are specified like that.. that came with the code for that jquery feature. I will switch to the minified version. I need to go back through all these pages and change out the stuff that came with this template that's no longer valid, too. I have just been focused on this one page since it was the IE7 problem they focused on.

I've fixed all the HTML errors except for the ones I'm getting using Highslide. I'll have to investigate that on their site. Perhaps there's a new download.

Anyway, thanks.... all of these fixes helped tremendously. Even IE7 now shows the testimonials copy. It's just not in the right place but I can see it. Do you have time to take another look? Thank you.
0
 
David S.Commented:
You're welcome.

IE7 often incorrectly positions absolutely positioned elements that have unspecified positions. Do you really need "#testimonials #t-slides .slide P" to have "position:absolute"?

P.S. The HTML vs. XHTML issues seem to still be there. Perhaps you're not sure what I mean?  XHTML requires that elements that have a start tag but no end tag have a "/" at the end of the start tag, but HTML does not. So I suggest you remove that slash from the ends of the <link> and <img> tags.
0
 
hillsboroughgraphicsAuthor Commented:
Thank you so very VERY much!

I think I've cleaned up the tags and removing the absolute from the p has it working in IE7. I'll work on the other pages next.

Honestly, I can't thank you enough. If I didn't get this resolved before the weekend, I was thinking of running into my pond with cement blocks attached to my feet!
0
 
hillsboroughgraphicsAuthor Commented:
Absolutely wonderful.

Great advice and patience with a newbie floating around in la-la land.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 4
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now