PDA

View Full Version : IE7 issue with Tab Content Script (v 2.2)



davescott
11-20-2008, 02:51 AM
1) Script Title:
Tab Content Script (v 2.2)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm

3) Describe problem:
Script is installed on this page: http://www.podlett.com/fleece-throw-blankets/

It works as expected on Firefox 3 & Safari, but when I view it on IE7, the contents of the very first tab 'Description' do not show at all, but other tab content is fine.

Any ideas?

Dave

ddadmin
11-21-2008, 04:48 AM
Your first content's DIV container is missing the class="tabcontent" declaration:


<div id="content" class="tabcontent">


<h2><strong>Podlett Fleece Throw Blankets</strong></h2>
<p><span class="full-image-block ssNonEditable"><span><img src="/picture/podlett%20album%20images%202.jpg?pictureId=1582809&amp;asGalleryImage=true&amp;__SQUARESPACE_CACHEVERSION=1225958861350" alt="" /></span></span></p>
<ul id="infotabs" class="shadetabs">
<li><a class="selected" rel="description" href="#">Description</a></li>
<li><a rel="video"
"
"

davescott
11-21-2008, 05:18 AM
Thanks so much for your reply DD admin!

Did you mean that I should add that class to the Entire page content div as shown below in red?

Or did you mean that the class was missing from the actual first tab container div, as shown in blue below?


<div id="contentWrapper"><div id="content" class="tabcontent">


<h2><strong>Podlett Fleece Throw Blankets</strong></h2>
<p><span class="full-image-block ssNonEditable"><span><img src="/picture/podlett%20album%20images%202.jpg?pictureId=1582809&amp;asGalleryImage=true&amp;__SQUARESPACE_CACHEVERSION=1225958861350" alt="" /></span></span></p>
<ul id="infotabs" class="shadetabs">
<li><a class="selected" rel="description" href="#">Description</a></li>
<li><a rel="video" href="#">Video</a></li>
<li><a rel="options" href="#">Options</a></li>
<li><a rel="reviews" href="#">Reviews</a></li>
<li><a rel="gallery" href="#">Photo Gallery</a></li>
<li><a rel="buy" href="#">Where To Buy</a></li>
</ul>
<!--Break Here-->
<div style="margin-bottom: 1em; border: gray 1px solid; padding: 10px;"><!--Break Here-->
<div id="description" class="tabcontent">

Many Thanks In Advance for your help!

Dave

ddadmin
11-21-2008, 06:03 AM
What I meant was that each of your DIV content containers (#description, #video, etc) should carry a class="tabcontent" CSS class. But actually, that turns out not to be the issue in IE in your case. The issue is that the ID for your first content container- "description" turns out to be a reserved word in IE apparently. Change it to something else in the two places where it is used:


<li><a rel="mydescription" href="#" class="selected" >Description</a></li>

and:


<div id="mydescription" class="tabcontent">

That should do it.