Height problem in nested div

[Eric]

Hi,

We are currently experiencing a problem with Scheduler when it's nested inside a div structure. When the scheduler loads, it loads to its minimum size. When the view is changed, the Scheduler fills the area of the div. I have tried to define the height to 100% and various heights. It does not respond. The scheduler and site are variable width.

This is the wrapper around the scheduler and the scheduler:

              <div class="var_win">

<table class="var_win_top">

<tr>

<td class="t_cl"><img src="../images/blue/spacer.gif" alt=" " width="5" height="1" /></td>

<td class="t_center"><div class="inline_img_16"><img src="../images/blue/chev_dwn.png" alt="expanded" width="16" height="16" /></div><h1>Students</h1><div class="icn_right"><a id="Student" href="javascript:rwShowDialogSideBarMenu('StudentManager');"><img src="../images/blue/icn_student.png" alt="student" width="16" height="16" /></a></div>

</td>

<td class="t_cr"><img src="../images/blue/spacer.gif" alt=" " width="5" height="1" /></td>

</tr>

</table>

<div class="middle">   

<telerik:RadScheduler 

ID="RadSchedulerCrewCalendar" 

runat="server" 

DataEndField="End" 

DataKeyField="ID"  

ProviderName = "SchedulerData"

DataStartField="Start" 

DataSubjectField="Subject"

FirstDayOfWeek="Monday" 

LastDayOfWeek="Friday" 

SelectedView="TimelineView" 

OnAppointmentCreated="RadSchedulerCrewCalendar_AppointmentCreated" 

OnAppointmentInsert="RadSchedulerCrewCalendar_AppointmentInsert"

OnClientAppointmentInserting="AppointmentInserting"

OnClientAppointmentEditing="AppointmentEditing">

<WeekView GroupingDirection="Vertical" />

<TimelineView GroupBy="Crew" GroupingDirection="Vertical" NumberOfSlots="5" />

</telerik:RadScheduler>

</div>

<table class="var_win_btm">

<tr>

<td class="b_bl"><img src="../images/blue/spacer.gif" alt=" " width="5" height="1" /></td>

<td class="b_center"><img src="../images/blue/spacer.gif" width="1" height="1" alt=" " /></td>

<td class="b_br"><img src="../images/blue/spacer.gif" alt=" " width="5" height="1" /></td>

</tr>

</table>

</div>

[Alex Gyoshev]

Hello Eric,

Unfortunately, the image link that you have inserted points to a local file - and we were not able to reproduce the problem locally. That said, the fastest way to the solution would be to open a support ticket and attach a sample project for us to work with, or at least provide a live url so that we could investigate the problem.

Greetings,
Alex
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center