Kindly look at the following code:
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'> <html xmlns='http://www.w3.org/1999/xhtml'> <head> </head> <body> <table id='content' height='525' border='0' cellspacing='0' cellpadding='0'> <tr style='height:9px'><td height='9' bgcolor='#990000'>Upper</td></tr> <tr><td bgcolor='#990099'>Lower</td></tr> </table> </body> </html>
IE ignores the ‘height:9px’ and I can’t get what I want. Also, without the DOCTYPE, it works. But I have to follow the standard so that DOCTYPE cannot be removed. Does anyone how to fix the height of the upper row?
Some clarifications: 1. The height of second row may vary according to users’ action and cannot be fixed. 2. The height of the table is set to 525px so the table has a minimum height of 525px
the bottom cell will grow as you enter more text … setting the table width will help too