I have assembled the following script from examples around the Web. It's intent is to resize page contents based on the size of the browser window. So far, I have it working very well for images, but I'm having trouble getting the text to resize. If anyone can offer suggestions, I would appreciate it.

FYI: this only works in IE -- and that's ok with me.

<script type="text/javascript">

function resize()
{

// get window height: subtract 80 to account for the no scaling elements on the page
if (window.innerHeight) nH = window.innerHeight-80;
else nH = document.getElementById("bodyNode").offsetHeight-80;

// get window width
if (window.innerWidth) nW = window.innerWidth;
else nW = document.getElementById("bodyNode").offsetWidth;

mod = (nW < nH) ? nW : nH;
mod = nW;

// this controls the level of the scale
multi = 60;

mod = Math.round(mod/multi);
mod = mod*multi;

imgs = document.getElementsByTagName("img");

for (var x = 0; x < imgs.length; x++)
{
imgs[x].style.width=(mod/2.6)+"px";
imgs[x].style.margin=((mod/2.3)-(mod/2.6))/2.3+"px";
}
}
</script>