Adding frames to your Web page

Changing the appearance of a frame

You can use the Frame Object Editor to change the size of frames and to specify whether to display a border or scrolling bars on them.

To change the appearance of a frame, select the frame, open the Frame Object Editor, and click the Appearance tab. To apply the new settings in the object editor, press Tab or close the object editor.

Use this frame
attribute setting

To do this

Size

Change the size of a frame. Choose Percent to make the size a percentage of the browser window's size. Choose Pixels to make the size a fixed amount that is not affected by the browser window's size. Choose Stars to make the size of a frame use the remaining space in the page. This setting acts like a wildcard to match the remaining space with the settings of the other frames. For example, if you have two frames in the page, and you set the first frame to 40 percent and the second frame to Stars, the second frame uses the remaining 60 percent of the document. If more than one frame in a document has the Stars setting selected, the remaining space is divided up between them proportionately based on the value in the Size text box.

Fixed Size

Select if you don't want the viewer to be able to resize the frame. Leave unselected if you want the viewer to be able to resize the frame.

Margin Width

Specify how far you want the Web page displayed in the frame indented from the sides of the frame. You can specify any amount from 0-100 pixels.

Margin Height

Specify how far you want the Web page displayed in the frame indented from the top and bottom of the frame. You can specify any amount from 0-100 pixels.

Scrollbars

Specify whether the frame has a scrollbar or not. Choose Always if you want the frame to have a scrollbar, Never if you don't want the frame to have a scrollbar, or Auto if you want the frame to have a scrollbar when the Web page displayed in the frame is larger than the frame itself.
Note It's a good idea to test how these scrollbars appear in different browsers. For more information, see Testing with different Web browsers.

Show Border

Specify whether the frame has a border or not.

Use this frame attribute setting	To do this
Size	Change the size of a frame. Choose Percent to make the size a percentage of the browser window's size. Choose Pixels to make the size a fixed amount that is not affected by the browser window's size. Choose Stars to make the size of a frame use the remaining space in the page. This setting acts like a wildcard to match the remaining space with the settings of the other frames. For example, if you have two frames in the page, and you set the first frame to 40 percent and the second frame to Stars, the second frame uses the remaining 60 percent of the document. If more than one frame in a document has the Stars setting selected, the remaining space is divided up between them proportionately based on the value in the Size text box.
Fixed Size	Select if you don't want the viewer to be able to resize the frame. Leave unselected if you want the viewer to be able to resize the frame.
Margin Width	Specify how far you want the Web page displayed in the frame indented from the sides of the frame. You can specify any amount from 0-100 pixels.
Margin Height	Specify how far you want the Web page displayed in the frame indented from the top and bottom of the frame. You can specify any amount from 0-100 pixels.
Scrollbars	Specify whether the frame has a scrollbar or not. Choose Always if you want the frame to have a scrollbar, Never if you don't want the frame to have a scrollbar, or Auto if you want the frame to have a scrollbar when the Web page displayed in the frame is larger than the frame itself. Note It's a good idea to test how these scrollbars appear in different browsers. For more information, see Testing with different Web browsers.
Show Border	Specify whether the frame has a border or not.

Tip You can also resize frames using the mouse. Place the pointer over the border of the frame or frameset until it changes into a double-headed arrow. Then drag the border to its new position.

Previous topic | Contents | Next topic