[thelist] HTML row question

Dave Stevens dave at stemfiction.com
Sun Jun 6 18:38:20 CDT 2004


Hi Maisha,

> My question is twofold:
> 
> 1. How is each row's height determined in a situation like this where the
> actual content of the cell is not tall, but there is additional height being
> forced by another cell.

The cells in a row all have the same height, which is determined by the 
one with the greatest height.

> 2. Is there anyway to control this besides putting a tall spacer image in
> one of the rows that would make up the exact remainig height of the image
> that's forcing this issue in the third column?

I'm not entirely sure what you are trying to work around, if you want 
the content to stay at the top of all the rows, you'll need the 
valign="top" property:

<table>
   <tr>
     <td valign="top">
       This<br />
       Would<br />
       Be<br />
       The<br />
       Tallest
     </td>
     <td valign="top">
       Row 2
     </td>
     <td valign="top">
       Row 3
     </td>
   </tr>
</table>

This would produce:

-----------------------------
This     |   Row 2  |   Row 3
Would    |          |
Be       |          |
The      |          |
Tallest  |          |
-----------------------------

I hope this answers your problem.

Dave





More information about the thelist mailing list