100% Width/Height

[Dysan]

Hi,

The following code displays a div using a margin of 18px. How do I display the div so there is a 18px gap from the edge of the browser margin, and the edge of the div. Resulting in the div then resizing with the browser window.

See Diagram: http://www.freewebs.com/ticstacs/Diagram.JPG

[NogDog]

<style type="text/css">
body {
   margin: 0;
   padding: 18px; /* this will create your 18px margin */
   background-color: white;
}
div#container {
   margin: 0; /* this will make sure the div goes full width to the body padding */
   padding: 1em;
   border: solid 1px black;
   background-color: #ffff99;
   color: black;
}
</style>