Indenting the Whole Page

If you want the entire page indented, set a style rule which sets right and left padding for the <BODY ...> element. For example, this style sets the right and left padding to 100 pixels:

this code produces this

<STYLE TYPE="text/css">  </STYLE>
this page

This technique is popular when used in combination with a background image. For example, suppose we want the following image to run down the left side of the page (as it does on this page):

This image is 56 pixels wide, so let's set the padding to 60. The following style sets the background image, sets the repeat to repeat-y (only repeat vertically down the left side of the page) and sets the left padding to 60 (we won't set the right padding).

<STYLE TYPE="text/css">
<!--
BODY
   {
   background-image:url(blue.edge.gif);
   background-repeat:repeat-y;
   padding-left: 60px;
   }
-->
</STYLE>

Copyright 1997-2002 Idocs Inc. Content in this guide is offered freely to the public under the terms of the Open Content License and the Open Publication License . Contents may be redistributed or republished freely under these terms so long as credit to the original creator and contributors is maintained.

this code	produces this
<STYLE TYPE="text/css"> <!-- BODY { padding-left: 100px; padding-right: 100px; } --> </STYLE>	this page