I am using IE 7.0.5730.13CO
I am having an issue getting the grid to correctly stay at 100% height within a div. By default, when using
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
the bottom of the grid overlaps the bottom of the div with a specified height. when I take the dtd off, it works just fine. I need to declare this doctype to get other controls such as the modal popup extender to work correctly but without effecting the set positions of other controls.
Try the code below and see how the botton overlaps the grid
<%
@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %><%@ Register Src="WebUserControl.ascx" TagName="WebUserControl" TagPrefix="uc1" %><%@ Register Assembly="Infragistics2.WebUI.UltraWebGrid.v9.1, Version=9.1.20091.2055, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.WebUI.UltraWebGrid" TagPrefix="igtbl" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"><title>Untitled Page</title></head><body><form id="form1" runat="server">
<uc1:WebUserControl ID="WebUserControl1" runat="server" />
<div style="height:300px">
<igtbl:UltraWebGrid ID="UltraWebGrid1" runat="server" Height="100%"
Width="100%">
<Bands>
<igtbl:UltraGridBand>
<AddNewRow View="NotSet" Visible="NotSet">
</AddNewRow>
<Columns>
<igtbl:UltraGridColumn Hidden="True">
</igtbl:UltraGridColumn>
<igtbl:UltraGridColumn Key="c1" NullText="0">
<Header Caption="c1">
<RowLayoutColumnInfo OriginX="1" />
</Header>
<Footer>
</Footer>
</Columns>
<RowEditTemplate>
<p align="center">
<input id="igtbl_reOkBtn" onclick="igtbl_gRowEditButtonClick(event);" style="width: 50px"
type="button" value="OK" />
<input id="igtbl_reCancelBtn" onclick="igtbl_gRowEditButtonClick(event);" style="width: 50px"
type="button" value="Cancel" /></p>
</RowEditTemplate>
<RowTemplateStyle BackColor="Window" BorderColor="Window" BorderStyle="Ridge">
<BorderDetails WidthBottom="3px" WidthLeft="3px" WidthRight="3px" WidthTop="3px" />
</RowTemplateStyle>
</igtbl:UltraGridBand>
</Bands>
<DisplayLayout AllowColSizingDefault="Free" AllowColumnMovingDefault="OnServer"
AllowDeleteDefault="Yes" AllowSortingDefault="OnClient"
AllowUpdateDefault="Yes" AutoGenerateColumns="False"
BorderCollapseDefault="Separate" ColWidthDefault=""
HeaderClickActionDefault="SortMulti" Name="UltraWebGrid1"
RowHeightDefault="20px" RowSelectorsDefault="No"
SelectTypeRowDefault="Extended" StationaryMargins="Header"
StationaryMarginsOutlookGroupBy="True" TableLayout="Fixed" Version="4.00" AllowAddNewDefault="Yes" CellClickActionDefault="Edit">
<FrameStyle BackColor="White" BorderColor="InactiveCaption"
BorderStyle="Solid" BorderWidth="1px" Font-Names="Microsoft Sans Serif"
Font-Size="8.25pt" Height="100%" Width="100%">
</FrameStyle>
<Pager MinimumPagesForDisplay="2">
<PagerStyle BackColor="LightGray" BorderStyle="Solid" BorderWidth="1px">
<BorderDetails ColorLeft="White" ColorTop="White" WidthLeft="1px"
WidthTop="1px" />
</PagerStyle>
</Pager>
<EditCellStyleDefault BorderStyle="None" BorderWidth="0px">
</EditCellStyleDefault>
<FooterStyleDefault BackColor="LightGray" BorderStyle="Solid" BorderWidth="1px">
</FooterStyleDefault>
<HeaderStyleDefault BackColor="LightGray" BorderStyle="Solid"
HorizontalAlign="Left">
</HeaderStyleDefault>
<RowStyleDefault BackColor="Window" BorderColor="Silver" BorderStyle="Solid"
BorderWidth="1px" Font-Names="Microsoft Sans Serif" Font-Size="8.25pt">
<Padding Left="3px" />
<BorderDetails ColorLeft="Window" ColorTop="Window" />
</RowStyleDefault>
<GroupByRowStyleDefault BackColor="Control" BorderColor="Window">
</GroupByRowStyleDefault>
<GroupByBox>
<BoxStyle BackColor="ActiveBorder" BorderColor="Window">
</BoxStyle>
</GroupByBox><AddNewBox Hidden="False"><BoxStyle BackColor="Window" BorderColor="InactiveCaption" BorderStyle="Solid" BorderWidth="1px"><BorderDetails ColorLeft="White" ColorTop="White" WidthLeft="1px" WidthTop="1px" /></BoxStyle><ButtonStyle CustomRules="cursor:pointer" BackColor="Transparent" BackgroundImage="~/images/symbol-add.png" BorderStyle="Solid" BorderWidth="0px" Height="20px" VerticalAlign="Bottom" Width="20px"></ButtonStyle></AddNewBox><ActivationObject BorderColor="" BorderWidth=""></ActivationObject><FilterOptionsDefault><FilterDropDownStyle BackColor="White" BorderColor="Silver" BorderStyle="Solid" BorderWidth="1px" CustomRules="overflow:auto;" Font-Names="Verdana,Arial,Helvetica,sans-serif" Font-Size="11px" Height="300px" Width="200px"><Padding Left="2px" /></FilterDropDownStyle><FilterHighlightRowStyle BackColor="#151C55" ForeColor="White"></FilterHighlightRowStyle><FilterOperandDropDownStyle BackColor="White" BorderColor="Silver" BorderStyle="Solid" BorderWidth="1px" CustomRules="overflow:auto;" Font-Names="Verdana,Arial,Helvetica,sans-serif" Font-Size="11px"><Padding Left="2px" /></FilterOperandDropDownStyle></FilterOptionsDefault><ClientSideEvents BeforeCellUpdateHandler="BeforeCellUpdate" /></DisplayLayout></igtbl:UltraWebGrid></div><div style="position:absolute; padding-left: 200px;"><asp:Button ID="Button1" runat="server" Text="Button" /></div></form></body></html>