[jQuery] change parent div height after child
Hi. I have the following layout.
.panel
{
position:relative;
width:580px;
height: auto;
/*overflow: auto;*/
padding: 4px;
}
.panelContent
{
position:absolute;
top:18px;
left:0px;
width:580px;
background-color:GrayText;
}
.rptViewer
{
clear: both;
text-align:center;
/*height: 95%;*/
width: 95%;
margin: auto;
}
<div class="panel">
<div class="panelHdr"> Expense Categories
</div>
<div class="panelContent">
<div class="rptViewer">
<br />
<rsweb:ReportViewer ID="ReportViewer1" >...
</div>
</div>
</div>
The parent (class="panelContent") div contains a child element that is
generated/rendered last. This makes the child element #ReportViewer1
overlap the parent (class="rptViewer").
Can I jQuerytize the parent div to adjust it's size after the child
renders so it is contained/displayed in the parent?
Thanks