Pixels framework

Works as described in the introduction - the expressions for IE are listed below:

#sidebar-left
    {
    height: expression( ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) + "px");
    }
#sidebar-right
    {
    height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) + "px");
    }
#content
    {
    height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - (100 + 120 + (2 * 5)) + "px");
    width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - (150 + 300 + (2 * 5)) + "px");
    }
#header
    {
    width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - (150 + 300 + (2 * 5)) + "px");
    }
#footer
    {
    width: expression( ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - (150 + 300 + (2 * 5)) + "px");
    /* This is weird - IE6 in standards mode needs shoving down by 18px - looks like the height of an invisible scrollbar */
    bottom: expression( ( document.documentElement.clientHeight ? -18 : 0) + "px");
    }

Height = viewport height - (top + bottom) + (2 x spacing)

Width = viewport width - (left + right) + (2 x spacing)

Standards Mode 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