efm, please post a link to the problem page...
CSS Codes
Administrator
efm, please post a link to the problem page...
DD Admin
Junior Coders
1) Script Title:Originally Posted by ddadmin
Accordion Content script (v1.7.1)
2) Script URL (on DD):
http://www.dynamicdrive.com/dynamici...daccordion.htm
3) Describe problem:
Hi. Any help on this would be greatly appreciated. This script works great in all browsers except IE7 for me. For some reason, any time I have an image or a table inside the content of something expanded, when I expand that content I see the image or table flicker for a second and then it disappears. Oddly enough, sometimes if I go to another tab that I have open in IE and then return to my page the table is there, but then disappears again. I am using the script for a list of FAQs in a <dl> and I'm also using just plain ol divs in another page - same problem on both. I've also tried increasing the z-index on images + tables - but to no avail. You may see my examples here:
(the one in a <dl>):
http://spexcspcom0.web703.discountas...s/careers.html
(the one with normal divs):
http://spexcspcom0.web703.discountas.../chemists.html
(click on "What are the most common phthalates used in plastic products?")
Any help on this would be much appreciated. It's driving me absolutely insane. It's such a great script and works so well otherwise.
Thanks so much for your time.
Administrator
Hmm the links you've posted have all been trimmed, so they appear broken to me. Can you fix it? Also, do your pages contain a valid doctype at the very top, such as:
The lack of this is a common source of problem in IE.Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
DD Admin
Junior Coders
1st one should be:
http://spexcspcom0.web703.discountas...s/careers.html
2nd link should be:
http://spexcspcom0.web703.discountas.../chemists.html
(click on "What are the most common phthalates used in plastic products?")
The doctype for both is:
Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
Administrator
I tested the "careers.html" page in IE7, and can confirm the issue. After playing around it, the problem seems to be something in your global style for the accordion. If I disable the stylesheet in the HEAD section of the page with comment:
The images appear in IE7 again...Code:/* Styles For Jobs Accordian */
DD Admin
Junior Coders
Yes. You're right. It was something in the style I was using on the expanded section (using position relative was messing it up). Thanks so much! I really appreciate your help!!!!!
Posting Permissions
Reply With Quote
Bookmarks