Nested table title align

Question

http://egbsystem.net/innosol/prototype/grid_test_pay.html

Just see above the link and check the nested table title and main table title. which are not align properly. I need to align the same height as in the main table title height.

Please help me.

Answer 1

You can remove

height: 50px

from the HTML

Also remove the padding from the following classes in css:

#paygrid th {
    padding: 6px; /* remove this line */
    border: 0;
}
#paygridaMain th {
    padding: 2px; /* and this line */
    margin: 0;
}

The problem is that IDs (#) are much more specific than classes.

You'll also need to deal with the nested table's borders. Either remove the outside borders or remove the borders of the cell it's nested in otherwise you'll have what seems to be a 2px border.