SmartTabs - part deux

[lesliekirk]

I'm trying to use the SmartTabs in a Suivant ReadyTheme. If one of the panels is just text, it looks good. But if a panel has images in it, it misbehaves handing some of the content below the bottom border. I'd post a URL but the (dev) site is in a password protected directory. I was hoping that maybe someone else has had this issue and was able to fix it. Using CSS clear does not work.

[Matt Zimmermann]

Hi Leslie,

When you are initializing the tabs in your scripts file, are you passing any value to the 'contentHeight' variable?

[lesliekirk]

Hi Leslie,

When you are initializing the tabs in your scripts file, are you passing any value to the 'contentHeight' variable?

After the scripts.js file.

contentHeight: 'auto'

I may have to send you access so you can look at it. I'm not sure if my latest round of CSS tweaks has resolved the issue or not. All the other tabs are working fine and adjusting as expected. It's just tabs that have an image in the content.

[Matt Zimmermann]

Try adding this to your pages or theme style sheet:

.product-information--description {
    overflow: auto;
}

[lesliekirk]

Try adding this to your pages or theme style sheet:

.product-information--description {
overflow: auto;
}

I wonder if that could be part of the problem - I'm not using the class .product-information--description

[lesliekirk]

So where would I use the product-information--description class at? Inside the <dd>'s?

[Matt Zimmermann]

The class is already attached to the containing DIV, so adding the declaration to the style sheet is all that is needed.

[lesliekirk]

That's what I'm saying, I'm not using that div. I have the tabs in their own content item, so I'll wrap this around it:

<div class="column whole np product-information--description">

and then tweak the CSS.

[lesliekirk]

All that did was make the content scrollable - it didn't fix the problem of the content being outside the tab "box".

[lesliekirk]

I'm wondering if I have a broken div within the content for the tab that is giving me the most problems. I will check that.

[lesliekirk]

So, I seem to have all the content inside the within the <dd> but now the <div> that the whole thing is in, is not being pushed down. It's behaving like a drop down menu with the wrong z-index and is displaying under and over the footer content. So how do I get it to stay inside the div?

[lesliekirk]

So, I seem to have all the content inside the within the <dd> but now the <div> that the whole thing is in, is not being pushed down. It's behaving like a drop down menu with the wrong z-index and is displaying under and over the footer content. So how do I get it to stay inside the div?

It looks like my problem was self induced - I tried using the javascript function on the PROD page

// ---- Conform all subcategory and/or product DIVs to same height ---- //
        cornerstoneUX.sharedFunctions.conformDisplay();
        cornerstoneUX.sharedFunctions.conformDisplay('.category-product');

I did put it in the jsPROD function