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.

END CONTENT