Solved

IE7 Z-index issue

Posted on 2012-03-15
7
263 Views
Last Modified: 2012-06-21
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
Comment
Question by:hillsboroughgraphics
  • 4
  • 2
7 Comments
 
LVL 25

Expert Comment

by:kevp75
ID: 37728992
this is not an answer....   but, you can test IE5.5 and up with IETester  http://www.my-debugbar.com/wiki/IETester/HomePage
0
 

Author Comment

by:hillsboroughgraphics
ID: 37729219
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
 
LVL 42

Expert Comment

by:David S.
ID: 37729423
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
Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 

Author Comment

by:hillsboroughgraphics
ID: 37729751
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
 
LVL 42

Accepted Solution

by:
David S. earned 500 total points
ID: 37729842
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
 

Author Comment

by:hillsboroughgraphics
ID: 37729923
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
 

Author Closing Comment

by:hillsboroughgraphics
ID: 37729930
Absolutely wonderful.

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

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Do you come here a lot? Are you lazy like me and don't want to go through the "trouble" of having to click your Dock's Safari icon and then having to click your Experts Exchange Favorites bookmark to get here? Well then this article is for you.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
This Micro Tutorial will demonstrate how to add subdomains to your content reports. This can be very importing in having a site with multiple subdomains.

856 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question