PUB97: How to Center a Web Page Created in Publisher (155091)

SUMMARY

When you view a Web Page created by Publisher 97 with a high- resolution display, the page may appear off-center to the left. You can manually add the <CENTER> tag to the HTML code to assure that the page appears centered regardless of the monitor's resolution.

WARNING: ANY USE BY YOU OF THE HTML CODE PROVIDED IN THIS ARTICLE IS AT YOUR OWN RISK. Microsoft provides this HTML code "as is" without warranty of any kind, either express or implied, including but not limited to the implied warranties of merchantability and/or fitness for a particular purpose.

MORE INFORMATION

Publisher specifies the width of the Web Pages it creates. If you design a Web Page that is 6 inches wide, that page is 600 pixels wide when you view it with a Web Browser. If your browser's window is significantly wider than 600 pixels, (if you have a display setting of 1024 x 768 pixels and are running your Web browser full-screen, for example) the Web Page appears shifted over to the left.

If you design a page to fit well on a 640 x 480 screen, but suspect that some of your audience may be using higher resolution display settings, you may wish to center your Web Pages.

Centering a Publisher-Designed Web Page

These directions assume that you have already used the Publish Web Site to Folder command on Publisher's File menu. They also assume that you have not used the Web Site Properties command (also on the File menu) to change the default Web Site naming convention.

Run Notepad.
On the File menu, click Open. Change to the folder to which you have published your Web Site.
On the Open Files of Type list, click All Files .
Click the file called Index.html and click Open.
Find the line near the beginning of the file that is similar to the following:
```
      <body bgcolor="#ffffff"  link="#0000ff" vlink="#ff0000"
      text="#000000">
						
```
NOTE: The values for "bgcolor", "link", "vlink", and "text" may be different for your Web Page.
Insert a new line immediately below this line. This new line should contain the text:
```
      <center>
						
```
Scroll down to the end of the file. Find the line that looks like this:
```
      </body>
						
```
Insert a new line immediately above this line. This new line should contain the text:
```
      </center>
						
```
On the File menu, click Save.

Repeat these steps for every file in the same folder with an .html or an .htm extension.

If you wish to make more drastic changes to your Web Site, you may wish to open your Web Site in an HTML authoring/editing program, such as Microsoft FrontPage.