page size 100% of monitor help needed please!

Hi guys ... I am using this code to generate page dimesions within the code. As it stands it works fine with my monitor but I am sure if I view it in a larger monitor it will not look good. I want the page to discplay the entire width and length of the monitor regardless of its size without the scroll bars on bottom or right hand side.

I tried width: 100%; and height: 100% but it didnt work!

Can anyone suggest an option please.

Code: Select all

 
#dhtmlgoodies_dragDropContainer{ /* Main container for this script */
  width: 924px;
  height: 380px;
  background-color:#c8d0e0;
  -moz-user-select:none;
 }

Using a percentage width only defines the width in terms of the parent element, which may be smaller than the screen width. I'd recommend installing Firebug and using that to look at the element to see what other elements are affecting it. Same goes for height.

Moved to CSS forum

You'll most likely need to use;

Code: Select all

html, body {
height: 100%;
}

By default, the width of a <div> will stretch to fit it's parent. The html and body elements are, by default, 100% of the screen width.