Fix height of a table row in HTML Table

Question

Kindly look at the following code    lt  DOCTYPE html PUBLIC  -  W3C  DTD XHTML 1 0 Transitional  EN   http   www w3 org TR xhtml1 DTD xhtml1-transitional dtd  gt   lt html xmlns  http   www w3 org 1999 xhtml  gt    lt head gt   lt  head gt   lt body gt   lt table id  content  height  525  border  0  cellspacing  0  cellpadding  0  gt   lt tr style  height 9px  gt  lt td height  9  bgcolor   990000  gt Upper lt  td gt  lt  tr gt   lt tr gt  lt td  bgcolor   990099  gt Lower lt  td gt  lt  tr gt   lt  table gt   lt  body gt   lt  html gt    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

User · Accepted Answer

the bottom cell will grow as you enter more text     setting the table width will help too   lt  DOCTYPE html PUBLIC  -  W3C  DTD XHTML 1 0 Transitional  EN   http   www w3 org TR xhtml1 DTD xhtml1-transitional dtd  gt   lt html xmlns  http   www w3 org 1999 xhtml  gt    lt head gt   lt  head gt   lt body gt   lt table id  content  style  min-height 525px  height 525px  width 100   border 0px  margin 0  padding 0  border-collapse collapse   gt   lt tr gt  lt td style  height 10px  background-color  900   gt Upper lt  td gt  lt  tr gt   lt tr gt  lt td style  min-height 515px  height 515px  background-color  909   gt lower lt br  gt   lt  td gt  lt  tr gt   lt  table gt   lt  body gt   lt  html gt

User · Answer

This works  as long as you remove the height attribute from the table    lt table id  content  border  0px  cellspacing  0px  cellpadding  0px  gt     lt tr gt  lt td height  9px  bgcolor   990000  gt Upper lt  td gt  lt  tr gt     lt tr gt  lt td height  100px  bgcolor   990099  gt Lower lt  td gt  lt  tr gt   lt  table gt

User · Answer

my css  TR gray-t  background  949494   h3      padding-top 3px      font bold 12px 2px Arial      my html   lt TR class  gray-t  gt   lt TD colspan  3  gt  lt h3 gt KAJANG lt  h3 gt    I decrease the 2nd size in font   padding-top is used to fix the size in IE7

[html] Fix height of a table row in HTML Table

Examples related to html