Setting table row height

It might help if you show the source of the start of your table(i.e. the first row)

You probably cannot reduce the table row's height because its content is too tall.
The default height for a row is the max height of the cells it contains.
Reduce the height of the cells and the row's height should follow.
If that still does not work, reduce the height of the cells' content.

You can also try using a fixed table-layout:
table { table-layout: fixed }

like this:
<table style="border:1px solid black;border-collapse:collapse;table-layout:fixed;">
<tr>
<td style="border:1px solid black;height:10px">Cell 1
</td></tr>
<tr>
<td style="border:1px solid black;height:20px">Cell 2
</td>

</tr>
</table>

I use this a lot in my designs for spacing etc....

you dont need to put style.... and it should work

<td height="10px"></td>

Deija,

Perhaps you did notice the name of this topic "Cascading Style Sheets".  Please do not recommend the use of depreciated or non-standard HTML attributes.

Cd&

I tried adding style="table-layout:fixed;". I then added the height style to the header cell (which worked) but it then made the three columns equal width (although the TD width settings are not equal). Example:

<table style="table-layout:fixed;" cellpadding="3" border="1" bordercolor="maroon">
<tr><td style="height:20px;" colspan="3" bgcolor="maroon" align="center"><font color="#ffffff" face="arial, helvetica, sans-serif" size="1">2005</font></td>
       </tr>
        <tr bgcolor="#D6DBEB"><td width="60%"><a href="xyz.asp"><font size="1">Change Tools and Techniques:  An Introduction to OD Methods </a></td><td><font size="1">New York, NY</font></td>
        <td align="center" width="20%"><font color="#000000" face="arial, helvetica, sans-serif" size="1">2/10 – 2/11/05</font></td>
       </tr>

What am I doing wrong?

In the code above, note the
  height:20px;
  line-height:20px;

This defines heights for both the td itself and for the content of the td.

<:°)

I have a very similar issue - but I want a specific table height.  How do I keep that top row to 20px after specifying a table height?

In the above example simply replace table.TestTable with:

table.TestTable {
  border-color:maroon;
  height:200px;
}

Notice in IE after doing this the top row is no longer 20px.  It stays 20px in Firefox, but not IE.  I want the body to expand to make the entire height 200px - but keep that top row at 20px.

Thanks--
Mike

There's no workaround I know of.

Here is the link to the official standards:
http://www.w3.org/TR/REC-CSS2/tables.html#height-layout

All my good browsers behave correctly.

Complain to the browser manufacturer, saying that its product is malfunctioning.

By the way, is IE7 also malfunctioning?  If so, you have a case.  If the problem only appears in IE6, they'll say all IE6 users should switch to IE7 (which is not better than IE6 by the way).  But IE7 has lots of other misbehaviors you could complain about.  Unfortunately, I'm afraid you'll only be able to complain as an IE user, not as a web developer.  If the browser manufacturer receives enough user complaints, then it might consider the issue more seriously.

IE should be banned from the web until it respects the web standards:
http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/
http://people.opera.com/howcome/2007/msft/