Solved

IE7 Z-index issue

Posted on 2012-03-15
7
260 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
How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

 

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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Browser history files 3 26
Paper tearing animation 6 43
bootstrap table auto width input box 1 23
Video won't play 5 21
I annotated my article on ransomware somewhat extensively, but I keep adding new references and wanted to put a link to the reference library.  Despite all the reference tools I have on hand, it was not easy to find a way to do this easily. I finall…
This article offers some helpful and general tips for safe browsing and online shopping. It offers simple and manageable procedures that help to ensure the safety of one's personal information and the security of any devices.
Google currently has a new report that is in beta and coming soon to Webmaster Tool accounts. This Micro Tutorial will highlight new features for Google Webmaster Tools.
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…

744 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now