IEの表のヘッダーでオーバーラップされたテーブルの最初のレコード

Question

IE6,7で正常に動作するテーブルを作成しましたが、FFではヘッダーが最初のデータローを隠します。

<g:if test="${params.history!=null}"> 
<div style="width:791px;padding-bottom:10px;overflow-y:auto;${(lstDNCallEntries.size()>0)?'height:100px':''}"> 
<table class="table"> 
<thead style="position: absolute;"> 
<% params=params.findAll{ k,v -> k != 'sort'} %> 
<td class="certify_head" width="87" style="text-align: center">title</td> 
<td class="certify_head" width="89" style="text-align: center" >action</td> 
      <td class="certify_head" width="66" style="text-align: center" >list</td> 
      <td class="certify_head" width="118" style="text-align: center" >selection</td> 
      <td class="certify_head" width="110" style="text-align: center" >source</td> 
      <td class="certify_head" width="64" style="text-align: center" >${message(code:'phoneoptoutgranularity.gsp~title.user')}</td> 
      <td class="certify_head" width="82" style="text-align: center" >Office</td> 
      <td class="certify_head" width="90" style="text-align: center" >Effective Date</td> 
     </thead> 
     <tbody class="scrollContent"> 
      <g:if test="${lstDNCallEntries.size() > 0}"> 
       <g:each in="${lstDNCallEntries}" var="phoneHistory" status="i"> 
        <tr class="${(i % 2) == 0 ? 'normalRow' : 'alternateRow'}" 
          onMouseOver="this.style.backgroundColor='#ffffd9'" 
          onMouseOut="this.style.backgroundColor=''"> 
         <td width="90" align="center" valign="center">${phoneHistory.date}</td> 
         <td width="92" valign="center" style="font: normal 12px Arial, Helvetica, sans-serif;">${phoneHistory.action}</td> 
         <td width="71" align="center" valign="center">${phoneHistory.list}</td> 
         <td width="122" align="center" valign="center">${phoneHistory.preferencekey}</td> 
         <td width="110" align="center" valign="center">${phoneHistory.source}</td> 
         <td width="69" align="center" valign="center">${phoneHistory.user}</td> 
         <td width="85" align="center" valign="center">${phoneHistory.office}</td> 
         <td width="90" align="center" valign="center">${phoneHistory.effectiveDate}</td> 
        </tr> 
       </g:each> 
      </g:if> 
      <g:else> 
       <tr> 
        <b> 
        <td colspan="7" width="770" align="center"><b><g:message 
         code="phoneoptoutgranularity.gsp~historydetails" /></b></td> 
        </b> 
       </tr> 
      </g:else> 
     </tbody> 
    </table> 
    </div> 
</g:if> 

私が変更できるところでお手伝いください。あなたが一番上の行に<tr>が欠落しているよう

-ss

Answer 1

が見えます。

Answer 2

なぜposition:absoluteがそこにありますか？私の頭の上から外して、ポジション：absは、最初の行を効果的に隠すように流れの中からtheadを取り除きます。おそらく、これを最初の行の余白/パディングで修正できますが、pos：absを最初に正当化する必要があります。

もう1つは、theadの内容がすべてtdではありませんが、それはthのものではありません。

編集：それは間違いなくpos：abs（すべての悪の根：P）です。おそらくposition:fixedが代わりに必要なのでしょうか？そして、他のポスターは正しいです、あなたは不足していますtr