Question

So I have to pages which are the same. Each are displaying some articles in a table layout. The table layout and CSS are the same. However, the one page is listing hundreds of archive articles which after it gets about 80% loaded, the table cell that contains all the text shrinks to about 30% of the actual row width.

However, there is nothing different on the layout, properties, CSS. The row containing the cell that is shrinking is the right width. The odd thing is even if I put a “width=”100%” on the cell in question, it still is short of the row’s width by about 20%.

Any thoughts, suggestions?

NOTE: I removed the text and just left the actual layout and cell/table/row properties.
Correct page:

<tr>
  <td>
  <table width="100%" cellpadding="4">
    <tbody><tr>
     <td width="100%" valign="top" align="left">
       <a class="docnavigation" href="removed link ">
        <strong></strong>
        </a>
         <br>
          <span class="steelNewsArticleDate"> </span> - <span class="Normal">
         <br>
       </span>
     </td>
    </tr>
  </tbody>
</table>

Problem Page:

<tr>
 <td>
  <table width="100%" cellpadding="4">
   <tbody><tr>
    <td width="100%" valign="top" align="left">
       <a href="removed link" class="docnavigation"> 
        <strong>  </strong>
        </a>
        <br>
        <span class="steelNewsArticleDate"></span> - <span class="Normal">
       <br>
       </span>
     </td>
   </tr>
  </tbody>
</table>

Answer 1

The problem had to do with a missing tag from a Wysiwyg editor cleaning up some bad HTML incorrectly. So it was forcing what would have been a parent row into a child table row.