Hello,
Consider the height property in the code shown below...
I am dissatisfied with the height propery. When I set
it to 100% the table does not fill the entire vertical
space available to the browser. On the other hand, I
could set it to some large value like 780px but that
would be more of a hack than a real solution (when I
resize the browser window to large proportion I can
indeed see that it would be just a hack). So what's
the _right_ way of doing it? I have seen people use
a one pixel image and use the fill-y property just
for this, but there must be a better way! What is
it?
I just want a clean solution to fill the vertical
space in the table 100% of the user agent's height.
Is there such a solution?
Thanks!
Neil
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Table Height</title>
<style type="text/css">
table { background-color: blue; width: 100%;
text-align: center; height: 780px }
</style>
</head>
<body>
<table>
<tr>
<td>
Hello!
</td>
</tr>
</table>
</body>
</html>
