I have a grid which is set to 100% height. The grid displays search results. When a user clicks on the "find" button, the results are loaded in the grid. In IE (9), the grid appears correctly. In Firefox (15), there is a vertical space of about 125px below the grid pager and the grid doesn't extend all the way down to the bottom of its container. If the user clicks on "search" a second time, the grid extends properly. I have attached two screen captures demonstrating what it looks like in ie (correct) and firefox (incorrect). I have added a panel with colored background as a container for the grid so you can see it appears to be the grid which is not extending and not the container. This effect occurs even if I do not include this panel. My markup is below.
<
asp:Panel
id
=
"pnlSR"
runat
=
"Server"
Height
=
"100%"
style
=
"padding:5px; background-color:Red;"
>
<
telerik:RadGrid
id
=
"rgSearchResults"
runat
=
"server"
AutoGenerateColumns
=
"False"
Skin
=
"Simple"
Height
=
"100%"
AllowPaging
=
"True"
AllowSorting
=
"True"
AllowCustomSorting
=
"True"
AllowMultiRowSelection
=
"True"
EnableLinqExpressions
=
"false"
ShowStatusBar
=
"True"
ShowGroupPanel
=
"False"
PageSize
=
"30"
>
<
MasterTableView
DataKeyNames
=
"CVID"
ClientDataKeyNames
=
"CVID"
Width
=
"100%"
TableLayout
=
"Fixed"
GroupLoadMode
=
"Client"
>
<
Columns
>
<
telerik:GridClientSelectColumn
UniqueName
=
"ClientSelectColumn"
Resizable
=
"False"
Visible
=
"False"
>
<
HeaderStyle
width
=
"30px"
HorizontalAlign
=
"Center"
CssClass
=
"GridSelectColumnItem"
></
HeaderStyle
>
<
ItemStyle
HorizontalAlign
=
"Center"
VerticalAlign
=
"Middle"
CssClass
=
"GridSelectColumnItem"
></
ItemStyle
>
</
telerik:GridClientSelectColumn
>
<
telerik:GridImageColumn
UniqueName
=
"detailIcon"
ImageWidth
=
"16px"
ImageUrl
=
"~/global/images/icons/search.png"
ImageAlign
=
"Middle"
AlternateText
=
"View Visit Detail"
AllowSorting
=
"False"
AllowFiltering
=
"false"
Visible
=
"False"
>
<
HeaderStyle
width
=
"30px"
HorizontalAlign
=
"Center"
></
HeaderStyle
>
<
ItemStyle
HorizontalAlign
=
"Left"
VerticalAlign
=
"Middle"
CssClass
=
"HoverCursor"
></
ItemStyle
>
</
telerik:GridImageColumn
>
<
telerik:GridBoundColumn
HeaderText
=
"CVID"
DataField
=
"CVID"
SortExpression
=
"CVID"
>
<
HeaderStyle
width
=
"125px"
HorizontalAlign
=
"Left"
></
HeaderStyle
>
<
ItemStyle
HorizontalAlign
=
"Left"
VerticalAlign
=
"Middle"
></
ItemStyle
>
</
telerik:GridBoundColumn
>
<
telerik:GridTemplateColumn
UniqueName
=
"SpacerColumn"
AllowFiltering
=
"false"
SortExpression
=
""
></
telerik:GridTemplateColumn
>
</
Columns
>
<
CommandItemTemplate
>
</
CommandItemTemplate
>
<
PagerStyle
Mode
=
"NextPrevAndNumeric"
AlwaysVisible
=
"True"
/>
</
MasterTableView
>
<
ClientSettings
AllowExpandCollapse
=
"True"
>
<
Selecting
AllowRowSelect
=
"True"
EnableDragToSelectRows
=
"False"
/>
<
Scrolling
AllowScroll
=
"True"
UseStaticHeaders
=
"True"
ScrollHeight
=
"100%"
/>
<
Resizing
AllowColumnResize
=
"False"
EnableRealTimeResize
=
"True"
ResizeGridOnColumnResize
=
"True"
/>
<
ClientEvents
OnGridCreated
=
"GridCreatedHandler_VFC"
OnRowSelecting
=
"CancelNonInputSelect"
OnRowSelected
=
"GridRowSelectedHandler_VFC"
OnRowDeselected
=
"GridRowDeselectedHandler_VFC"
/>
</
ClientSettings
>
</
telerik:RadGrid
>
</
asp:Panel
>