hi friends,
Can someone tell me how I can make a table be 100% height in Mozilla browsers?
this is the html code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
<body>
<table cellpadding="0" cellspacing="0" width="177" height ="100%">
<tr>
<td height="100%"> </td>
</tr>
</table>
</body>
</html>
Maybe this can give you a hint?
<head>
<style type="text/css">
html, body{
margin:0;
padding:0;
height:100%;
border:none;
}
table {
height: 100%;
background: red;
}
</style>
</head>
<body>
<table>
<tr>
<td>Hello</td>
</tr>
</table>
</body>
As the above answer shows, you use CSS to do this.
Setting the html, body height to 100% so that the contents can use its parents height:
html, body { height: 100%; }
And then setting your tables height to 100%:
table { height: 100%; }
This should result in the desired effect.
Sounds like you're laying your page out in a table, which you really shouldn't be doing. It's better to mark up your page properly rather than laying everything out in tables.