Error rendering grid on IE8

[Jose]

Hi, 

I'm working on fix some issues in a website and I found the following error:

I have a radgrid inside a table nested in another table (I know this is a bad design, but I just have to fix the error).
As you can see in the images, chrome renders the grid perfect when the search button is click but in IE8 its  a mess.
Here's my code and I hope you can help me with this.
Sincerely, 
//José

<script type="text/javascript">
    function onRequestStart(sender, args) {
        if (args.get_eventTarget().indexOf("exportButton") >= 0) {
            args.set_enableAjax(false);
        }
    };
</script>
 <telerik:RadGrid ID="dgDetalles" runat="server" AllowAutomaticInserts="True"
    AllowAutomaticUpdates="True" AllowSorting="True" AutoGenerateColumns="False"
    CellSpacing="0" CssClass="GridStyle" Culture="Spanish (Spain)" GridLines="None"
    PageSize="100" ShowFooter="True" ShowStatusBar="True" Skin="Forest" Style="left: 5px;
    top: -21px;" Width="99%" ClientSettings-Scrolling-AllowScroll="true" >
    <ExportSettings HideStructureColumns="true" />
    <clientsettings>
        <Scrolling UseStaticHeaders="True" AllowScroll="True" SaveScrollPosition="true" />
        <Resizing AllowResizeToFit="false" AllowColumnResize="false" ResizeGridOnColumnResize="false" />
    </clientsettings>
    <mastertableview TableLayout="Fixed" Width="100%"  NoMasterRecordsText="No se encontraron resultados para los filtros seleccionados"
        NoDetailRecordsText="No se encontraron resultados para los filtros seleccionados"
        commanditemdisplay="Top" datakeynames="NombrePais,NombreBodega,NOMBREDEPARTAMENTO"
        editmode="PopUp"  CssClass="opa">
        <commanditemtemplate>
            <div style="padding: 5px 5px; float: right;">
                <asp:ImageButton ID="btnRefresh" ToolTip="Refrescar" ClientIDMode="Static" runat="server"
                    CommandName="RebindGrid" style="border:0px;vertical-align:middle;width:32px;height:32px;"
                    ImageUrl="../DkImages/Refresh.png" />
            </div>
        </commanditemtemplate>

        <Columns>
           <telerik:GridBoundColumn DataField="NombrePais" HeaderText="Pais" UniqueName="NombrePais" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px" />
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="NombreBodega" HeaderText="Bodega" UniqueName="NombreBodega" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="NOMBREDEPARTAMENTO" HeaderText="Departamento" UniqueName="NOMBREDEPARTAMENTO" Visible="False" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="BoletaSalida" HeaderText="Boleta de Salida" UniqueName="BoletaSalida" Visible="False" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="FechaMovimiento" HeaderText="Fecha Movimiento" UniqueName="FechaMovimiento" Visible="False" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="DescripcionMaterial" HeaderText="Material" UniqueName="DescripcionMaterial" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="TipoMovimiento" HeaderText="Tipo de Movimiento" UniqueName="TipoMovimiento" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="150px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="DescripcionTipoPOP" HeaderText="Tipo de Material" UniqueName="DescripcionTipoPOP" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="DescripcionMotivo" HeaderText="Motivo" UniqueName="DescripcionMotivo" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="175px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="pkOE" HeaderText="Orden Entrada" UniqueName="pkOE" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="pkOAAsociadas" HeaderText="OA's Asociadas" UniqueName="pkOAAsociadas" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="175px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Cantidad" HeaderText="Cantidad" UniqueName="Cantidad" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="75px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="CostoUnitarioMaterial" HeaderText="Costo Unitario" UniqueName="CostoUnitarioMaterial" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Estado" HeaderText="Estado" UniqueName="Estado" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="80px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="NombreUsuario" HeaderText="Usuario" UniqueName="NombreUsuario" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="PersonaEntregaMaterial" HeaderText="Entrega Material" UniqueName="PersonaEntregaMaterial" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="PersonaAutoriza" HeaderText="Autoriza" UniqueName="PersonaAutoriza" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px" />
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Destino" HeaderText="Destino" UniqueName="Destino" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="75px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="OrdenCompra" HeaderText="Orden de Compra" UniqueName="OrdenCompra" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="75px" />
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Proveedor" HeaderText="Proveedor" UniqueName="Proveedor" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px" />
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="DescripcionPlanInversion" HeaderText="Plan de Inversion" UniqueName="DescripcionPlanInversion" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="200px" />
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="MesEjecucion" HeaderText="Mes de Ejecucion" UniqueName="MesEjecucion" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="80px" />
            </telerik:GridBoundColumn>
        </Columns>
    </mastertableview>
    <PagerStyle Mode="NumericPages" />
    <filtermenu enableimagesprites="False">
    </filtermenu>
</telerik:RadGrid>

[Galin]

Hello Jose,

Based on the provided information I am not able to replicate the issue. On the screenshot it seems the whole page layout is "broken". Therefore, could you please send a small running project that we can use to reproduce the case?
Alternatively a live URL will help us as well.

All the best,
Galin
the Telerik team

[Jose]

Hi,

Thanks for the answer. I've fixed the error setting TableLayout="fixed" to the table containing the radgrid.

Regards,
//Jose