layouthandler - standards compilant 100% width and 100% height tableless web page layout template

Description

layouthandler.htm

layouthandler.js

function InitLayout()
{
    var Layer = document.getElementsByTagName('div');
    var DynamicHeight = document.body.clientHeight;
    var DynamicWidth = document.body.clientWidth; 

    for (var i = 0; i < Layer.length; i++)
    {
        if (Layer[i].className == 'BannerLayer')
            DynamicHeight -= Layer[i].offsetHeight;
        else if (Layer[i].className == 'MenuLayer')
            DynamicWidth -= Layer[i].offsetWidth;
    }

    for (var j = 0; j < Layer.length; j++)
    {
        if (Layer[j].className == 'BannerLayer')
            Layer[j].style.width = document.body.clientWidth + 'px';
        else if (Layer[j].className == 'MenuLayer')
            Layer[j].style.height = DynamicHeight + 'px';
        else if (Layer[j].className == 'ContentLayer')
        {
            Layer[j].style.width = DynamicWidth + 'px';
            Layer[j].style.height = DynamicHeight + 'px';
        }
    }
}

function DelayedInitLayout()
{
    self.setTimeout('InitLayout()', 1);
    self.setTimeout('InitLayout()', 100); // for IE6
}

if (window.addEventListener)
{
    window.addEventListener("load", DelayedInitLayout, false);
    window.addEventListener("resize", InitLayout, false);
}
else if (window.attachEvent) // ie
{
    window.attachEvent('onload', DelayedInitLayout);
    window.attachEvent('onresize', InitLayout);
}