[2 days left] What’s wrong with your cloud strategy? Learn why multicloud solutions matter with Nimble Storage.Register Now

x
?
Solved

IE7 Z-index issue

Posted on 2012-03-15
7
Medium Priority
?
270 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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 43

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
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 

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 43

Accepted Solution

by:
David S. earned 2000 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

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

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

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
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.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
Want to learn how to record your desktop screen without having to use an outside camera. Click on this video and learn how to use the cool google extension called "Screencastify"! Step 1: Open a new google tab Step 2: Go to the left hand upper corn…
Suggested Courses

656 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