News GoLive Help and Tutorials HTML Help and Tutorials JavaScript Help and Tutorials Links, Files, and Resources Contact and Contribution Info
 
   
GoLive Tutorial
Fixed Center Frame

Creating four flexible frames around one fixed center frame?

Most designers know and preach the evils of frames fervently. However, there are certain situations in which the use of frames is not only an option, but a necessity. It is at these times that many designers despair: their dislike for frames has kept them from acquiring a deeper knowledge of their workings.

GoLive comes to the rescue! This tutorial will show you how to easily create one fixed center frame with four flexible/resizeable ones around it. This will ensure your content is always centered, both vertically and horizontally.

First, switch to the Frame Editor in your document.

Switching to Frame Editor

Next, switch to the Frames Tab of the Pallette.

Switching to Frames Tab

Drag the Frame Set shown below into your document.

Drag THIS Frame Set to your document

Click the leftmost frame. In the Frame Inspector, click the Size popup menu and choose Scale.

Choose Scale in the Frame Inspector

Now drag the Frame Set shown below exactly onto the line separating the two frames.

Drag THIS Frame Set onto the Line Separating the Two Frames

Before doing anything else, in the Frame Set Inspector, click the Size popup menu and choose Pixel. Type in the width you want for your center frame and hit Enter. [Note: If you are designing for 640x480 resolutions, your frame must not be wider than 590 pixels. I personally use 580 pixel-widths in my designs, since Explorer's side tabs eat away at some users' available screen real estate.]

Size the Frame Set in Pixels

Now Control-Drag the selected Frame Set to the middle of the other two.

Control-Dragging the Frame Set to the Middle

Click the center frame. In the Frame Inspector, type in the desired height for the center frame. [Note: Again, if designing for 640x480, remember the various tabs and bars in Netscape and Explorer. A safe height value for a center frame is around 290 pixels. Use 285 if you want to be safe. You should also strive to keep all the graphical/table elements on your page below this height, so that they can be viewed at once on a 640x480 screen.]

Sizing the Height of the Center Frame in Pixels

You should now have a fixed-size center frame and four flexible/variable width frames around it! You can speed things up by loading the same page into the four surrounding frames [using a color or background image as a border]. Choose your border colors wisely, since on larger monitors those areas will be larger. Enjoy!

  
This tutorial was contributed by David Portela. If you have any questions, corrections, or suggestions on how to improve it, you may email him at design@webdawn.com.

David is currently a Designer for WebDawn Multimedia.

Sources: Personal experience.


Back to GoLive Tutorials

Design and Content ©1999 WebDawn Multimedia. View our Copyright Notice.
Send Comments and Feedback to the WebMaster.