Use Javascript to determine the dimensions of the browser
I have found the following Javascript works the best to get the dimensions of the browser (note: not the dimensions of the entire page if there is scrolling).
var myWidth = 0, myHeight = 0;
if (typeof(window.innerWidth) == ‘number’)
{
//Non-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
}
else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight))
{
//IE6+ in ‘standards compliant mode’
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
}
else if (document.body && (document.body.clientWidth || document.body.clientHeight))
{
//IE4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}