Siento revivir un post tan viejo pero la verdad es que muchos nos encontramos con este dilema. En quirks mode el IE7 anda pero librerías como prototype no se pueden usar bien. Logré hacer funcionar lo que se pedía en el primer post así
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"h t t p://w w w .w3.org/TR/html4/loose.dtd">
<html xmlns="h t t p:// w w w .w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
html, body{
height: 100%;
}
html{
overflow-y: hidden;
}
body{
margin: 0;
padding: 0;
background-color: lightblue;
overflow-y: auto;
}
table.main{
width: 960px;
height: 100%;
}
td.header{
height: 32px;
background-color: black;
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
td.footer{
height: 30px;
background-color: black;
border-left: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
td.vspacer{
height: 10px;
}
td.desktop{
background-image: url(bkgwdw.png);
height: expression(document.body.clientHeight-82 + 'px');
}
#bg{
position: fixed;
z-index: -1;
top:0;
left:0;
width:100%;
height:100%;
}
#container{
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
width: 100%;
height: 100%;
}
-->
</style>
</head>
<body>
<div id="container">
<table class="main" id="main" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td class="header" id="header"> </td>
</tr>
<tr>
<td class="vspacer"></td>
</tr>
<tr>
<td class="desktop"> </td>
</tr>
<tr>
<td class="vspacer"></td>
</tr>
<tr>
<td class="footer" id="footer"> </td>
</tr>
</table>
</div>
</body>
</html>
Cita: height: expression(document.body.clientHeight-82 + 'px');
Esta línea de código es la del "milagro", ejecuta un js al momento de interpretar el css.
Por favor corrijan los espacios de los enlaces del doctype y html porque el foro no dejaba poner enlaces.
Lo mismo se puede hacer con DIVs.
Saludos,
Pancho