html - Page size fixed width in middle -

i not sure it's called, can tell me how can make css style sheet makes pages fit within given width, , adds drop shadow type effect, making page?

something this: http://www.news.com.au/

so, have white (or grey, or ever) borders on sides, , content placed within 'borders'.

edit: have tried style, put's box in top left corner:

style>     html, body {         background-color: #f0f0f0;         width: 100%;         margin: 0 auto;         font-family: "trebuchet ms", helvetica, sans-serif;         font-size: small;      }      #wrapper {         background-color: #fff;         width: 920px;         padding: 20px;         -moz-box-shadow: 0 0 5px #888;         -webkit-box-shadow: 0 0 8px#888;         box-shadow: 0 0 8px #888;     } </style> 

and usage is:

<div id="wrapper">      <h1>location search</h1>      <h2>simple lookup</h2>      ....  </div> 

it image can make box-shadow.

i think it's wrapper width of 960px , margin: 0 auto; , bit of box-shadow. this:

css:

html,body{ background-color: #f0f0f0; // little darker wrapper. width: 100%; padding: 0; margin: 0 auto; }  #wrapper{ background-color: #fff; width: 920px; // because of padding. margin: 0 auto; padding: 20px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; } 

and html this.

html:

<div id="wrapper"> // put div around of other divs makes 1 big div.  ... divs layout. ...  </div> 

hope helps you.