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

Width incorrect in IE6

2 Answers 16 Views
Grid
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Adam
Top achievements
Rank 1
Adam asked on 04 Nov 2010, 02:23 PM
Hi all
Having a struggle here
Take a bog standard MVC Grid control:

    <%= Html.Telerik().StyleSheetRegistrar()
            .DefaultGroup(group => group.Add("telerik.common.css")
                                        .Add("telerik.webblue.min.css"))
    %>

    <h2>Index</h2>
    
    <div style="width:100%; overflow:auto;">
    
        <%= Html.Telerik().Grid(Model)
            .Name("Grid")
            .Sortable()
            .Pageable()
        %>
    
    </div>
<%= Html.Telerik().ScriptRegistrar()%>

Get the model to return (for instance) 3 rows of 15 columns of lorem ipsum.

Now, in Firefox the <div style="width:100%; overflow:auto;"> makes the grid appear in a div thats 100% of the screen width, with a handy horizontal scroll bar.
In IE6, no such luck - the grid is shown full width and hares off to the right, off screen.

Any ideas? Thx.

2 Answers, 1 is accepted

Sort by
0
Atanas Korchev
Telerik team
answered on 04 Nov 2010, 02:26 PM
Hello Adam,

 Try making the div relative. IE is infamous for having trouble with scrollable elements and relative children.

<div style="width:100%; overflow:auto; position:relative">

Regards,
Atanas Korchev
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Adam
Top achievements
Rank 1
answered on 04 Nov 2010, 02:51 PM
Absolutely brilliant. Thank you!
Tags
Grid
Asked by
Adam
Top achievements
Rank 1
Answers by
Atanas Korchev
Telerik team
Adam
Top achievements
Rank 1
Share this question
or