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.