Solved

Oddity in I.E., Header border not showing up when rowspan > 1; HTML; static header

Posted on 2004-10-25
334 Views
Last Modified: 2008-07-02
I have the code below. You can copy and paste into I.E. and you will see a multi row static header scrollable table; however, the border does not show up on many of the columns that span rows. I was wondering why they aren't showing up and whether or not it can be fixed. I have worked on scrolling tables with static headers in the past, but have not found a solution for a multi row version that works in both I.E. and Netscape--that is the end goal. Any input is appreciated.


<!-- ----------------------------------------------------------------BEGIN HTML PAGE ---------------------------------------------- -->
<html>

<head>

<title>CESA</title>

</head>

<body>

<p>&nbsp;</p>

<div style="overflow:auto;height:360px;">

<table width="100%" cellpadding="0" cellspacing="0" bordercolor="#111111">

<thead>

 <TR style="position:relative;top:expression(this.offsetParent.scrollTop);background:white;color:black;" align="left">

    <th width="4%" rowspan="4" valign="top" align="left" style="border:1px solid blue"><b><font size="2">Header</font></b></th>

    <th width="18%" rowspan="4" valign="top" align="left" style="border:1px solid blue"><b><font size="2">Header</font></b></th>

    <th width="23%" rowspan="4" valign="top" align="left" style="border:1px solid blue"><b><font size="2">Header</font></b></th>

    <th width="76%" colspan="10" align="left" style="border:1px solid blue"><b><font size="2">Header</font></b></th>

  </tr>

 <TR style="position:relative;top:expression(this.offsetParent.scrollTop);background:white;color:black;" align="left">

    <th width="7%" rowspan="3" valign="top" align="left" style="border:1px solid blue"><b><font size="2">Header</font></b></th>

    <th width="15%" colspan="2" align="left" style="border:1px solid blue"><b><font size="2">Header</font></b></th>

    <th width="61%" colspan="7" align="left" style="border:1px solid blue"><b><font size="2">Header</font></b></th>

  </tr>

 <TR style="position:relative;top:expression(this.offsetParent.scrollTop);background:white;color:black;" align="left">

    <th width="6%" rowspan="2" valign="top" align="left" style="border:1px solid blue"><b><font size="2">Header</font></b></th>

    <th width="6%" valign="top" align="left" style="border:1px solid blue"><b><font size="2">Header</font></b></th>

    <th width="7%" valign="top" align="left" style="border:1px solid blue"><b><font size="2">Header</font></b></th>

    <th width="22%" colspan="3" valign="top" align="left" style="border:1px solid blue"><b><font size="2">Header</font></b></th>

    <th width="31%" colspan="3" valign="top" align="left" style="border:1px solid blue"><b><font size="2">Header</font></b></th>

  </tr>

 <TR style="position:relative;top:expression(this.offsetParent.scrollTop);background:white;color:black;" align="left">

    <th width="6%" valign="top" align="left" style="border:1px solid blue"><b><font size="2">Header</font></b></th>

    <th width="7%" valign="top" align="left" style="border:1px solid blue"><b><font size="2">Header</font></b></th>

    <th width="6%" valign="top" align="left" style="border:1px solid blue"><b><font size="2">Header</font></b></th>

    <th width="6%" valign="top" align="left" style="border:1px solid blue"><b><font size="2">Header</font></b></th>

    <th width="5%" valign="top" align="left" style="border:1px solid blue"><b><font size="2">Header</font></b></th>

    <th width="6%" valign="top" align="left" style="border:1px solid blue"><b><font size="2">Header</font></b></th>

    <th width="5%" valign="top" align="left" style="border:1px solid blue"><b><font size="2">Header</font></b></th>

    <th width="9%" valign="top" align="left" style="border:1px solid blue"><font size="2"><b>Header</b></font></th>

  </tr>

            </thead>

            <tbody style="width:100%;max-height:360px;overflow:auto;overflow-x|overflow-y:auto;">

  <tr>

    <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

    <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

    <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

    <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

  </tr>

  <tr>

    <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

    <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

    <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

    <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

  </tr>

<tr>

    <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

    <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

    <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

    <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

    <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

  </tr>

  <tr>

      <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

      <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

      <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

  </tr>

  <tr>

      <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

      <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

      <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

  </tr>

  <tr>

      <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

      <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

      <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

  </tr>

  <tr>

      <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

      <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

      <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

  </tr>

  <tr>

      <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

      <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

      <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

  </tr>

  <tr>

      <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

      <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

      <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

  </tr>

  <tr>

      <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

      <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

      <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

  </tr>

  <tr>

      <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

      <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

      <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

  </tr>

  <tr>

      <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

      <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

      <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

      <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

  </tr>
  <tr>

        <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

        <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

    </tr>

    <tr>

        <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

        <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

    </tr>

    <tr>

        <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

        <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

  </tr>
  <tr>

        <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

        <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

    </tr>

    <tr>

        <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

        <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

    </tr>

    <tr>

        <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

        <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

  </tr>
  <tr>

        <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

        <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

    </tr>

    <tr>

        <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

        <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

    </tr>

    <tr>

        <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

        <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

  </tr>
  <tr>

        <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

        <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

    </tr>

    <tr>

        <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

        <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

    </tr>

    <tr>

        <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

        <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

  </tr>
  <tr>

        <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

        <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

    </tr>

    <tr>

        <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

        <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

    </tr>

    <tr>

        <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

        <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

  </tr>
  <tr>

        <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

        <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

    </tr>

    <tr>

        <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

        <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

    </tr>

    <tr>

        <td width="4%" align="left" style="border:1px solid blue"><font size=2>01</font></td>

        <td width="18%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="23%" align="left" style="border:1px solid blue"><font size=2>A Row</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="6%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="7%" align="right" style="border:1px solid blue"><font size=2>20</font></td>

        <td width="5%" align="right" style="border:1px solid blue"><font size=2>200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

  </tr>

</TABLE>

</HTML>
0
Question by:jbaisden
    4 Comments
     
    LVL 13

    Accepted Solution

    by:
    Hi.

    I STARTED re-arranging your code, until I realized that it was about 1,000 lines.  Anyway, the changes I made seemed to fix your problem.

    Replace your <thead>...</thead> with this:

    <thead>
          <tr>
                    <th width="4%" rowspan="4" valign="top" align="left">Header</th>
                    <th width="18%" rowspan="4" valign="top" align="left">Header</th>
                    <th width="23%" rowspan="4" valign="top" align="left">Header</th>
                    <th width="76%" colspan="10" align="left">Header</th>
          </tr><tr>
                    <th width="7%" rowspan="3" valign="top" align="left">Header</th>
                    <th width="15%" colspan="2" align="left">Header</th>
                <th width="61%" colspan="7" align="left">Header</th>
          </tr><tr>
                <th width="6%" rowspan="2" valign="top" align="left">Header</th>
                <th width="6%" valign="top" align="left">Header</th>
                <th width="7%" valign="top" align="left">Header</th>
                <th width="22%" colspan="3" valign="top" align="left">Header</th>
                <th width="31%" colspan="3" valign="top" align="left">Header</th>
          </tr><tr>
                <th width="6%" valign="top" align="left">Header</th>
                <th width="7%" valign="top" align="left">Header</th>
                <th width="6%" valign="top" align="left">Header</th>
                <th width="6%" valign="top" align="left">Header</th>
                <th width="5%" valign="top" align="left">Header</th>
                <th width="6%" valign="top" align="left">Header</th>
                <th width="5%" valign="top" align="left">Header</th>
                <th width="9%" valign="top" align="left">Header</th>
      </tr>
    </thead>




    And between your <head></head> tags, put this:

    <style type="text/css">

    th, td {
        border: 1px solid blue;
          font-size: 11px;
          }

    th {
        font-weight: bold;
          }

    thead tr {
          background: #fff;
          color: #000;
          }

    thead td {
          text-align: left;
          vertical-align: top;
          }

    </style>



    The above will also allow you to remove style="border:1px solid blue" from EVERY <td> in the table.  There are other modifications you can make to SIGNIFICANTLY reduce your code.  It all has to do with the power of CSS.

    Let me know if this helped.

    -Cory
    0
     

    Author Comment

    by:jbaisden
    The code you took out removes key functionality from the page. The header rows must be static so they may be seen while the user scrolls through the table data. Any other explainations?
    0
     
    LVL 75

    Expert Comment

    by:Michel Plungjan
    Very strange problem... Seems a shame not to get an answer...
    Would you still need the asnwer then I suggest you post a low point pointer to this

    Michel
    0
     

    Author Comment

    by:jbaisden

    This is the only time I have graded an aswer the way I did. I did so because it really didn't answer my question and the expert seemingly abandoned it after one shot. No follow ups or anything. For the sake of closing my last open question I went ahead and assigned the points.
    0

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Looking for New Ways to Advertise?

    Engage with tech pros in our community with native advertising, as a Vendor Expert, and more.

    Popularity Can Be Measured Sometimes we deal with questions of popularity, and we need a way to collect opinions from our clients.  This article shows a simple teaching example of how we might elect a favorite color by letting our clients vote for …
    Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
    In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
    The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

    884 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    17 Experts available now in Live!

    Get 1:1 Help Now