inside RadGrid, group header alignment problem - design issue

[Abhi Shinde]

Hi,
    I am using RadGrid. but I am facing some design related prob.
Please download attached .jpeg file and you will get my prob.

RadGrig is like this - 

<telerik:RadGrid runat="server" ID="rgQuestions" OnNeedDataSource="rgQuestions_NeedDataSource"
                                AllowPaging="True" AllowMultiRowSelection="true" OnRowDrop="rgQuestions_RowDrop"
                                Width="100%" PageSize="30" EnableHeaderContextMenu="true" Skin="Default" AutoGenerateColumns="false">
                                <MasterTableView DataKeyNames="Q_QuestionId" TableLayout="Fixed">
                                    <GroupByExpressions>
                                        <telerik:GridGroupByExpression>
                                            <SelectFields>
                                                <telerik:GridGroupByField FieldAlias="Category" FieldName="Q_CategoryName" HeaderValueSeparator=" : ">
                                                </telerik:GridGroupByField>
                                            </SelectFields>
                                            <GroupByFields>
                                                <telerik:GridGroupByField FieldName="Q_CategoryName" SortOrder="Ascending"></telerik:GridGroupByField>
                                            </GroupByFields>
                                        </telerik:GridGroupByExpression>
                                    </GroupByExpressions>
                                    <Columns>
                                        <telerik:GridBoundColumn DataField="Q_Categoryid" Visible="false">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="Q_CategoryName" Visible="false">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="Q_Order" ItemStyle-Width="25px" HeaderStyle-Width="25px"
                                            ItemStyle-HorizontalAlign="Left">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="Q_Question">
                                        </telerik:GridBoundColumn>
                                        <%-- <telerik:GridTemplateColumn HeaderText="Edit">
                                    <ItemTemplate>
                                         <asp:HyperLink id="hlinkEdit" runat="server" ToolTip="Edit" ImageUrl="../Images/edit.gif" NavigateUrl='<%#"AddQuestions.aspx?mode=Edit&Id="+DataBinder.Eval(Container.DataItem,"Q_Questionid")+"&Choice=Preview&answertype="+ DataBinder.Eval(Container.DataItem,"Q_AnswerType")%>' >                                          </asp:HyperLink>
                                    </ItemTemplate>
                                    </telerik:GridTemplateColumn>--%>
                                    </Columns>
                                </MasterTableView>
                                <ClientSettings AllowRowsDragDrop="true" AllowColumnsReorder="true" ReorderColumnsOnClient="true">
                                    <Resizing AllowColumnResize="true" />
                                    <Selecting AllowRowSelect="True" EnableDragToSelectRows="false" />
                                    <%-- <ClientEvents OnRowDropping="onRowDropping" />--%>
                                    <Scrolling AllowScroll="true" UseStaticHeaders="true" />
                                </ClientSettings>
                                <PagerStyle Mode="NumericPages" PageButtonCount="4" />
                            </telerik:RadGrid>

waiting for reply...

[Pavlina]

Hi Abhi,

Probably your web page is running in quirks mode (no DOCTYPE or old HTML DOCTYPE). To resolve the problem try adding the following style and let me know about the result:
CSS:

<style type="text/css">

   * html .RadGrid .rgGroupHeader td div div
   {
       top:0;
   }

   </style>

Regards,
Pavlina
the Telerik team