Ems framework
Works as described in the introduction - the expressions for IE are listed below:
#sidebar-left
{
height: expression(document.body.clientHeight + "px");
}
#sidebar-right
{
height: expression(document.body.clientHeight + "px");
}
#content
{
height: expression(document.body.clientHeight - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 6) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 8) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0.5) ) + "px");
width: expression(document.body.clientWidth - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 15) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0.5) ) + "px");
}
#header
{
width: expression(document.body.clientWidth - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 15) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0.5) ) + "px");
}
#footer
{
width: expression(document.body.clientWidth - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 15) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0.5) ) + "px");
}
parseInt(document.body.currentStyle.fontSize) * 1.3333333 gives us the ems to pixels ratio. Multiply the em values by this figure and proceed as before.
Ems Compatibility
Works in IE6, IE5.5, IE5.01, Firefox 0.8, Mozilla 1.6, Safari 1.1, Opera 7.5, Opera 7.23.
Degrades acceptably in Mac IE5.
Content is king
Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king.
Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king.
Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king.
Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king.
Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king. Content is king.