Search code examples
cssinternet-explorerrowcss-tables

Table last row does not fit bottom in IE 10

The code below link runs fine on Chrome, Firefox:

link

.enalt
{

display:table-row;
bottom:0;
position:absolute;

}

however the same code does not work properly in IE 10. What should I do?

Solution

  • Add height: 100%; to the tdiscell class. height: 100% takes up 100% of the element's parent. So it won't be tall enough if the parent isn't tall enough.

    Full CSS for the element

    .tdiscell
{
    border:solid 2px #143357;
    display : table-cell;
    height: 100%; /* add this */
}