getting height of page as per monitor

[bleustreak12]

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

/* <![CDATA[ */

$(function(){

  $("#wrap").center(); //vertical and horizontal

//$("#wrap").center({

// vertical: false // only horizontal

//});

if($('#wrap').height() < $(window).height()) {

    $('#wrap').height($(window).height());

}

 

 

;

});

/*]]>*/

</script>

 

 

i am trying to use this code to get the height of the page to occupy the complete height of the monitor.

 

 

but it gives certain problems in firefox

 

 

have people seen a similar code or know how to solve this

 

(please check in a large monitor)

 

 

Can somebody please help me?

[bleustreak12]

can i not use something like this

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

 

 

 

  document.getElementById("wrap").style.height="screen.height+'px'";

 

</script>

 

 

where the screen height will be taken in the wraps height

 

this script has not worked i need something similar

[lonewolf217]

you can use percentages

 

height:100%;

width:100%;

 

so it will fill the entire container, whatever it may be