This is a migrated thread and some comments may be shown as answers.

Browser shows Horizontal Scrollbar in IE 6 & 7

1 Answer 66 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Joshua asked on 22 Jan 2009, 08:42 PM

When using the RadGrid within a table, under IE 6 & 7 the table expands to the width of the grid columns even when they are hidden by the grid's horizontal scroll bar. For example:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="Cetero.StudyViewer.UserInterface.Web.test"%> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!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 id="Head1" runat="server"> 
        
                <title>Untitled Page</title>  
        
            </head> 
        
            <body> 
        
                <form  runat="server" > 
        
                <table cellspacing="0" border="1"> 
        
                <tr> 
        
                <td> 
        
                        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> 
        
                <telerik:RadGrid ID="RadGrid1" runat="server" Width="700px" BorderColor="Red" BorderStyle="Solid" BorderWidth="1px" EnableAjaxSkinRendering="False" EnableViewState="False" GroupingEnabled="False" Skin="Default2006"> 
        
                    <HeaderContextMenu EnableAjaxSkinRendering="False"> 
        
                        <CollapseAnimation Duration="200" Type="OutQuint" /> 
        
                    </HeaderContextMenu> 
        
                    <ClientSettings AllowExpandCollapse="False" AllowGroupExpandCollapse="False"> 
        
                        <Scrolling AllowScroll="True" UseStaticHeaders="True" /> 
        
                    </ClientSettings> 
        
                    <FilterMenu EnableAjaxSkinRendering="False"> 
        
                        <CollapseAnimation Duration="200" Type="OutQuint" /> 
        
                    </FilterMenu> 
        
                    <ItemStyle Wrap="False" /> 
        
                    <MasterTableView Width="700px" EnableViewState="False"> 
        
                    </MasterTableView> 
        
                </telerik:RadGrid>  
        
                </td> 
        
                </tr> 
        
                </table>     
        
                </form> 
        
            </body> 
        
            </html>

This shows the grid is 700px wide (red border), but the hidden content forces the containing table to the width of the contents (gray border) which is like 5000px. Any way to overcome this in IE?

Browser shows Horizontal Scrollbar in IE 6 & 7

1 Answer, 1 is accepted