I've got a set of pages that use tables for layout and was looking
at converting to HTML4.01 and CSS2 standards but I've run into a
problem.
I can't find a way to get three centered columns of data that are
not fixed height to also center vertically.
<table>
<tr valign="middle">
<td align="center" width="25%">.....</td>
<td align="center" width="50%">.....</td>
<td align="center" width="25%">.....</td>
</tr>
</table>
If I have fixed heights it all works, but the data I'm using
has variable height information in all but the first column.
Basically I want a box group where all three related boxes
get the same (calculated based on the largest of the three)
heights. That doesn't seem to be an option. Am I missing
something, or is it just not possible?
I tried nesting three divs with height 100% inside a container
div. To get the boxes on the same row I had to make two of
them floaters, and when I did that the height of the group
was determined by the single non-floater.
Is this really a limitation in the specs?
Charles Cooley
