Resizing frames

To resize a frame using the mouse
  • Drag a frame border. (The pointer should look like Namo Web Editor pointer resize vertical Resizing frames or Namo Web Editor pointer resize horizontal Resizing frames before you begin dragging.)
To specify an exact width or height for a frame
  1. Click inside the frame to make it active. (The active frame is shown with a blue border.)
  2. Click the Layout tab, go to Property, and then click Frame Properties.
  3. Enter a number in the Frame width or the Frame height box.
  4. Click the corresponding units box and select a unit:
    • Select Pixels to specify a size in pixels. The frame size will stay the same if the browser window is resized.
    • Select % to specify a size as a percentage of the width or height of the browser window. The frame size will vary in proportion to the browser window size.
    • Select *(relative) to specify a size in relation to the sizes of other frames. Only integer values are accepted.
About relative sizes

When you specify frame sizes in relative terms, the size values act as relative proportions. In the example below, Frame A has a relative height of 2, so it is twice as high as Frame B, which has a relative height of 1. Frame C has an absolute height in pixels. If only some frames have relative sizes while others have absolute sizes along the same dimension, then the relatively-sized frames share the space that remains after subtracting the space occupied by the absolutely-sized frames.

Namo Web Editor 3.frame.resize Resizing frames

An example of relative frame sizing

Namo Web Editor icon tip Resizing framesIf you specify the width or height of one or more frames in pixels, it is a good idea to set the size of at least one other frame to *1 in the same dimension, so that it can shrink or grow as needed for different browser window sizes.

Resizing frames