[jQuery] Re: Need to create 100% width layout.

Not sure what behaviours you want to embed. But the following function
is a solid base.

var viewportwidth;
var viewportheight;

function viewportsizes(){
// the more standards compliant browsers (mozilla/netscape/opera/
IE7) use window.innerWidth and window.innerHeight
if (typeof window.innerWidth != 'undefined')
{
viewportwidth = window.innerWidth,
viewportheight = window.innerHeight
}

// IE6 in standards compliant mode (i.e. with a valid doctype as the
first line in the document)
else if (typeof document.documentElement != 'undefined'
&& typeof document.documentElement.clientWidth !=
'undefined' && document.documentElement.clientWidth != 0)
{
viewportwidth = document.documentElement.clientWidth,
viewportheight = document.documentElement.clientHeight
}

// older versions of IE
else
{
viewportwidth = document.getElementsByTagName('body')
[0].clientWidth,
viewportheight = document.getElementsByTagName('body')
[0].clientHeight
}
}

viewportsizes() will fill viewportwidth and viewportheight with the
current width and height of the viewport (ofcourse) :)

On Dec 1, 9:48 am, Sachin <sachin.sin...@gmail.com> wrote:
> Hi There,
>
> I need to create an application UI using jQuery, it should be 100%
> irrespective of the browser or user resolution. I am new to jQuery,
> please help me with some sample pages/code snippets.
>
> Regards,
> Sachin.