Question

How can assign width and height value in css as the width and height of screen respectively. I tried with below css but now working for me.

.classname
 {
     height:100%;
     width:100%;
 }

EDIT

I have used Jquery code too as

 $("#PanelGrid").width = $(window).width();

But does not work.

Here is the code.

<table style="font-family: calibri; height: 100%;" border="0px" cellpadding="0" cellspacing="0"
    width="100%">

   <tr>
        <td style="font-family: Calibri">
            <div id="PanelGrid" style="overflow:auto;"> </td>
   <tr></table>

Please help.

Answer 1

If the element with the class .classname has a parent, it will use 100% of the parent element’s height and width instead of the browser window’s.

Try forcing it with absolute positioning, like in this example.