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

[Virgil Spruit]

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.