I've now spent like half an hour trying to figure out how to make my page's height 100% in CSS. You'd think it would be simple, but it's not.
First I tried adding "height="100%" in the main table on my page. Did that work? Nope.
Then I made a class similar to ".tableone { height: 100%; }" and used it as a class for the main table. Did that work? LOL, no of course not. ¬¬
SO then I did the mother of all solutions, "body { height: 100%; }" - THAT DIDN'T WORK EITHER!
Geesh, I don't know what to do. All I want is my freaking page's length to be 100% of the browser's resolution. My coding isn't that complex, all I have is a table with some tables inside of it (all of which have no height attributes to them.)
The 100% height for 'body' worked in IE, but not FireFox.
How do I do something so simple, so that it will work in IE and FF?
Thanks in advance.
First I tried adding "height="100%" in the main table on my page. Did that work? Nope.
Then I made a class similar to ".tableone { height: 100%; }" and used it as a class for the main table. Did that work? LOL, no of course not. ¬¬
SO then I did the mother of all solutions, "body { height: 100%; }" - THAT DIDN'T WORK EITHER!
Geesh, I don't know what to do. All I want is my freaking page's length to be 100% of the browser's resolution. My coding isn't that complex, all I have is a table with some tables inside of it (all of which have no height attributes to them.)
The 100% height for 'body' worked in IE, but not FireFox.
How do I do something so simple, so that it will work in IE and FF?
Thanks in advance.














