A khtml table layout test

Tue Sep 17 20:44:00 BST 2002

I noticed some changes in khtml table layout, and perhaps the work is
still underway.  I spent a little time making a test case and even though
I won't be able to fix the problem myself, I decided to send it in case
it is of some use to developers.

The problem appears when two tables are nested and the inner table
contains a <td width=2%> containing an image.  This will blow up the
whole table.  I can't say if it is really a bug, but it is different
from other browsers and breaks many sites.

Recent changes have fixed the layout sometimes, but a reload will
produce the problem again.  There may be other bugs still in there
that I haven't isolated.

Here is a url and some screenshots:
http://www.math.columbia.edu/~jensen/kde/testtable/submit/testcase.html
http://www.math.columbia.edu/~jensen/kde/testtable/submit/konq-old-table.png
http://www.math.columbia.edu/~jensen/kde/testtable/submit/konq-table-load.png
http://www.math.columbia.edu/~jensen/kde/testtable/submit/konq-table-reload.png
http://www.math.columbia.edu/~jensen/kde/testtable/submit/moz-table.png

I hope it helps.

Best,
Leif Jensen
-------------- next part --------------
<html>
  <head>
    <title>TEST</title>
  </head>
  <body>
<!-- This enclosing table (ZZZ and YYY) must be active for BUG -->
<!-- ZZZ  -->
  <table bgcolor='pink'>
    <tr>
      <td  nowrap align='left'>
<!-- ZZZ -->
        <table bgcolor='yellow'>
          <tr>
            <td  align='left' valign='middle'>A</td>
            <td  valign='middle' align='right'>B</td>

<!-- img with no/moderate in a td with no width = NOBUG -->
<!-- AAA 
            <td><img src='none.gif' alt='none'></td>
AAA -->

<!-- img with no/large width in a td with small % width = BUG -->
<!-- BBB -->
            <td width='2%'><img src='none.gif' alt='none'></td>
<!-- BBB -->

<!-- simple text in a td with small % width = NOBUG -->
<!-- CCC
            <td width='2%'>C</td>
CCC -->

          </tr>
        </table>
<!-- YYY -->
      </td>
    </tr>
  </table>
<!-- YYY -->
</body></html>