Web Page Margins

When we compose a web page there is a small margin all the way around the page. Sometimes this may not be in keeping with the rest of the page. In this case we need to be able to remove the margin around the web page.

The margin around a web page may be removed, or indeed increased, by setting the margin values for the page. To the head section of the web page definition add the following

<STYLE>
.body {
  margin-top:0px;
  margin-right:0px;
  margin-bottom:0px;
  margin-left:0px;
}
</STYLE>

In the above example we are using modifying the default style of the body tag of the HTML web page. In this example we are setting the width of each of the four margins to 0px. In this way we are removing the border around the web page.

Alternatively if we have a CSS (cascading stylesheet) file already defined and associated with the page then we can include the body tag definition within it.

NAT August 2005