CASE 1: Table height is specified and larger than the sum of the MAX(specified row height, min cell height). The height of the row content can be greater or smaller than the specified row height and it makes no difference to the outcome.

TABLE HEIGHT: 360px

Cell heights: 10,20,30

Row heights: 150, 100, 50

IE7, FF2, Opera, Safari - 180, 120, 60

FF3 - 170, 20, 70

Cell heights: 10,20,30

Row heights: 150, 100, 50

IE7, FF2, Opera, Safari - 180, 120, 60

FF3 - 170, 20, 70

FF2, IE7, Opera, Safari: first row - proportional to row's specified height

second row

third row

FF3: first row - evenly

second row

third row

CASE 2 - Table height is specified and larger than the sum of the MAX(specified row height, min cell height). Row heights are specified using %values.

TABLE HEIGHT: 360px

Cell heights: 10,20,30

Row heights: 30%, 20%, 10%

IE7, FF2, Opera, Safari - 180, 120, 60

FF3 - 170, 20, 70

Cell heights: 10,20,30

Row heights: 30%, 20%, 10%

IE7, FF2, Opera, Safari - 180, 120, 60

FF3 - 170, 20, 70

IE7, FF2, Opera, Safari - first row, proportional

second row

third row

FF3 - first row, even

second row

third row

CASE 3: Same as CASE 2, however in this case the sum of the rows is GREATER than the table height.

TABLE HEIGHT: 360px

Cell heights: 10,20,30

Row heights: 60%, 40%, 20%

IE7 - 216, 144, 72

Opera - 180, 120, 60

FF2, FF3, Safari - 216, 114, 30

Cell heights: 10,20,30

Row heights: 60%, 40%, 20%

IE7 - 216, 144, 72

Opera - 180, 120, 60

FF2, FF3, Safari - 216, 114, 30

IE7 - first row

second row

third row

Opera - first row, proportional to percentage

second row

third row

FF2, FF3 and Safari - first row,

second row

third row

CASE 4 - Table height is larger than sum of row heights. First two rows are auto, and next two are defined using %.

TABLE HEIGHT: 400px

Cell heights: 40, 30, 20, 10

Row heights: auto, auto, 20%, 10%

IE7 - 100, 60, 160, 80

FF2, FF3, Opera - 175, 105, 80, 40

Safari - 150, 130, 80, 40

Cell heights: 40, 30, 20, 10

Row heights: auto, auto, 20%, 10%

IE7 - 100, 60, 160, 80

FF2, FF3, Opera - 175, 105, 80, 40

Safari - 150, 130, 80, 40

IE7 - first row

second row

third row

fourth row

FF2, FF3 and Opera - first row

second row

third row

fourth row

Safari - first row

second row

third row

fourth row

CASE 5 - Similar to CASE 4 but table height is smaller.

TABLE HEIGHT: 400px

Cell heights: 50, 100, 20, 10

Row heights: auto, auto, 50%, 25%

IE7 - 50, 100, 200, 100 FF2 and Safari - 50, 100, 200, 50

FF3 and Opera - 50, 100, 167, 83

Cell heights: 50, 100, 20, 10

Row heights: auto, auto, 50%, 25%

IE7 - 50, 100, 200, 100 FF2 and Safari - 50, 100, 200, 50

FF3 and Opera - 50, 100, 167, 83

IE7 - first row

second row

third row

fourth row

FF2 and Safari - first row

second row

third row

fourth row

FF3 and Opera - first row

second row

third row

fourth row