dynamic width which is set in JavaScript

[shani1351]

Hello,
I'm building a site (actually a wordpress theme) that has 3 columns. 2 of the columns are with fix width and the main one (at the right) as a dynamic width which is set in JavaScript...

My problem is that I have two pages that was build with the same tamplate
but acts differently- it looks as though the width of the main content column in each of them is difrent but I added an alert and it's says the same width.


here are the two pages:

http://www.websitebuildingsolutions.com/ourstaff.JPG

http://www.websitebuildingsolutions.com/programs.JPG

here is the java script code which is called on "onload" and "onresize":

<script language="javascript" type="text/javascript">
<!--

function changeSize()
{
var divh = 0;
var navigationElement = document.getElementById('navigation');
var sitesElement = document.getElementById('sites');

if(document.getElementById('content') != undefined)
{

var contentElement = document.getElementById('content');
contentElement.style.width = (windowWidth() - ( navigationElement.offsetWidth + sitesElement.offsetWidth) - 60) + 'px';
contentElement.width = contentElement.style.width;
alert("width: " + contentElement.style.width);
}
else
{
var contentElement = document.getElementById('home_content');
contentElement.style.width = (windowWidth() - ( navigationElement.offsetWidth + sitesElement.offsetWidth) - 50) + 'px';
}


/*alert(window.innerWidth + " " + contentElement.style.width);*/
divh = contentElement.offsetHeight;
navigationElement.style.height = (divh - 30) + 'px';
sitesElement.style.height = (divh - 50) + 'px';
}

function windowWidth()
{
var Width;

if (window.innerWidth)
{
Width = window.innerWidth;
}
else if (document.documentElement && document.documentElement.clientWidth)
{
Width = document.documentElement.clientWidth;
}
else if (document.body)
{
Width = document.body.clientWidth;
}

if (document.all)
{
Width += 17;
}

return Width;
}
//-->
</script>

--- Both pages uses the 'content' element, not the 'home_content' element (this is only for the homepage tamplate)---

--This problem happens on firefox and chrom, it doesn't happen on IE, And it happens only when the window is in "maximize" mode.

any ideas?

thanks!