I have a table inside a div with height=100%(viewport). The also table has height=100%(viewport). However, I want one row to have a fixed height while other adjusts to the content.
<div style="height:100%;"> <table style="height:100%"> <tr style="height:10px;"><td>Header</td></tr> <tr style="height:100%;"><td>Header</td></tr> </table> </div>
The problem is that the second tr also takes viewport (100%) size. Thus I have a table that has a height of is 10px + viewport size. This is not what I want. Internet explorer seems to screw this up for some unknown reason. How do I make so that this work in internet explorer.