W
Wacek
In example below, Firefox and Opera have fixed height of footer and
header .
IE gives wrong height for this cells. Why?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<style type="text/css">
* {margin: 0;padding: 0}
body, html {height: 100%}
#header{height: 100px}
#footer{height: 20px}
TABLE {height: 100%}
</style>
</head>
<body>
<table border="1">
<tr>
<td id="header">header</td>
</tr>
<tr>
<td>content</td>
</tr>
<tr>
<td id="footer">footer</td>
</tr>
</table>
</body>
</html>
header .
IE gives wrong height for this cells. Why?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<style type="text/css">
* {margin: 0;padding: 0}
body, html {height: 100%}
#header{height: 100px}
#footer{height: 20px}
TABLE {height: 100%}
</style>
</head>
<body>
<table border="1">
<tr>
<td id="header">header</td>
</tr>
<tr>
<td>content</td>
</tr>
<tr>
<td id="footer">footer</td>
</tr>
</table>
</body>
</html>