GridView исправлено выравнивание CSS заголовка

Question

Я пытаюсь заставить работать решение GridView CSS для фиксированных заголовков, но единственный способ, которым я могу привести строку заголовка в соответствие с остальными столбцами, - это использовать position :lative, но тогда это нарушает исправлен заголовок, который я пытаюсь достичь. Верхняя регулировка, кажется, не в порядке, и «ячейки» заголовка, кажется, все переплетены.

Мой CSS:

.fixedHeader
{
   font-weight:bold;
   font-size:small;
   position:absolute;
   width:1070px;
   text-align:justify;
   background-color: #006699;
   color: #ffffff;
   height: 25px;
   expression(Sys.UI.DomElement.getBounds(document.getElementById("Panel3")).y-      25);
}

Мой GridView:

<asp:Panel ID="Panel3" runat="server" Height="354px" ScrollBars="Vertical" 
        Width="1070px" Font-Size="Small" onscroll="$get('MainContent_hdnScrollTop').value = this.scrollTop;">

          <input type="hidden" id="hdnScrollTop" runat="server" value="0" />

        <asp:GridView ID="GridView1" runat="server"  
        AutoGenerateColumns="False" AllowSorting="True" CellPadding="4" 
        ForeColor="#333333" GridLines="None" 
        onrowdatabound="GridView1_RowDataBound">
                <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
                <HeaderStyle CssClass="fixedHeader" />

Answer 1

Можете ли вы обернуть свой заголовок в другой DIV, который имеет позицию: absolute;на нем, затем используйте рабочее положение: относительное;CSS, чтобы привести его в соответствие с вашим другим контентом?

Трудно сказать, не понимая, в чем заключаются проблемы с выравниванием.