Question

i have a problem with the height of a div.

my design is like this: i have a div with a table in it, but at the start the table is invisible. when i click a button, the table get visisble.

the problem when: the table is bigger than the div and it overlap. how to set the height of the div automaticly so that it donw overlap?
maybe somthein like this:

get the height of the table and add it to the height of the div. but how to do this?

Answer 1

I hope this may be helpful to you…

<div class="boxes">
 <table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table></div>

and jquery is

$(".boxes").css("height", $("table").height());
$(".boxes").css("width", $("table").width());

Try this demo: fiddle