I need help formatting tables. My problem is verticle height property in different browsers.
This is what I want to do:
Have one table hold the whole page. This table will hold three rows. The top row has a set height. The bottom row has a set height and always stays on the bottom. The middle row has a height of 100% to fill the rest of the page. Each table (or cell) has a background color.
The problem:
In safari (and so possibly other browsers) the middle row's height does not fill the space between the header and footer.
An example of what I want to do: www.reduxbooks.com/test1.htm
Any help would be greatly apprecited!!
This is what I want to do:
Have one table hold the whole page. This table will hold three rows. The top row has a set height. The bottom row has a set height and always stays on the bottom. The middle row has a height of 100% to fill the rest of the page. Each table (or cell) has a background color.
The problem:
In safari (and so possibly other browsers) the middle row's height does not fill the space between the header and footer.
An example of what I want to do: www.reduxbooks.com/test1.htm
Any help would be greatly apprecited!!
Comment