Set height for Ajax Tab Content

[Liliplanet]

1) Script Title: Alax Tab Content

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

3) Describe problem: Hi All!

I would like to change the size of the box width and have done so in the ajaxtabs.css file as follows:

.contentstyle{
border: 1px solid gray;
width: 350px;
height: 350px;
margin-bottom: 1em; padding: 10px;
}

The problem is though it does not change anything. Also I would like that the height of the box is a fixed width.

Is that possible please?

Look forward to any reply.
Lilian

[codeexploiter]

I have tried to inspect the element using Firebug and changed the 'contentstyle' class via Firebug and the changes reflected in the Ajax tabs as it should.


Also I would like that the height of the box is a fixed width

Think if you have a large volume of content in one of your tabs then? If you are dealing with similar sized contents in your tabs then based on your content adjust the height of the div element. If you need to maintain the height of the div strictly then use 'overflow' css property for controlling the overflow of content in the div element.