Display: table Heights Not Working

HTML & CSS
1

Hey Guys,

Trying to get this to work but it is not trying to have the row-top to be 20% and row-bottom to be 80%.

Cause need it to be 100% the height or min-height: 100% for the table.

Please let me know what the issue is…

http://modocom.ca/wenscott/

Must be something small missing cause just cant figure it out.

Thanks,

Mike

2

Hi,
You need something to base the height on.


html,body{height:100%}

Then just set the display table element to height:100% because tables treat height as a minimum.

3

Thanks works now was missing that. Now in theres text will it still scroll nicely so the table cells will continue down?

4

You lost me there :slight_smile:

Can you clarify a little as I’m not sure what you mean?