HomeHome Product Discus... Product Discus...SmithCartSmithCartProblem with Tab WidthProblem with Tab Width
Previous
 
Next
New Post
2/17/2011 7:51 PM
 

I upgraded my install to version 4.01 . Now I have some problem with the tab width not working properly. The box has width of 730px regardless of the value entered in the Tab Width setting. Have a look at http://tek5.isecurecart.com/ProductDe... to see the effect.

Thanks

 
New Post
2/17/2011 9:16 PM
 

With the new CSS tabs in version 4.0 of the cart, the setting in the product details page for tab height/width is no longer needed, the tab's height / width automatically adjust. However, module.css needs to be edited to correct the width not automatically fitting the text. To do this, open the module.css file for the Product Detail module, and replace this:


.tab_container {

border: 1px solid #999;

border-top: none;

overflow: hidden;

clear: both;

float: left; width: 770px;

background: #fff;

}

with:

.tab_container {

border: 1px solid #999;

border-top: none;

overflow: hidden;

clear: both;

float: left; width: 100%;

background: #fff;

}


Thanks for bringing this to our attention,

Christian

 
New Post
2/18/2011 5:47 AM
 

Christian;

The solution essentially works, but still getting the top border out to 770px:

http://tek5.isecurecart.com/ProductDe...

So, its workable, but not perfect. Any other ideas ?

Thanx

 
New Post
2/18/2011 7:09 AM
 

Sorry, you will also need to change the ul.tabs from this:

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;     height: 32px; /*--Set height of tabs--*/
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width: 770px;
}
to this:
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;     height: 32px; /*--Set height of tabs--*/
    border-left: 1px solid #999;
    width: 100%;
} 
And then change the .tab_container to:

.tab_container {

border: 1px solid #999;

overflow: hidden;

clear: both;

float: left; width: 100%;

background: #fff;

}

Thanks for pointing this out!
Christian

 
New Post
2/19/2011 6:27 AM
 

Got it. Thanks. That was too easy, I guess I shouldn't have been so lazy and figured it out.

 
Previous
 
Next
HomeHome Product Discus... Product Discus...SmithCartSmithCartProblem with Tab WidthProblem with Tab Width